摘要： 废话不多说，直接上代码！！！ 1 import React, { useState, useRef } from 'react' 2 import { SearchOutlined } from '@ant-design/icons' 3 import './styles.less' 4 5 con 阅读全文

摘要： 相信很多朋友在使用antd的嵌套表格的时候都碰到了这个问题，本人也深有体会，简直愁的不行，不过在经过和百度的一番争斗之后，终于是找到的问题的原因所在。 首先，antd的表格数据源dataSource接收的是一个数组，如果我们子表格每次接收的数组都是一个单独的新的数组，那么就会造成所有的子表格都是一样 阅读全文

摘要： 定义 (前端数据映射): 把后台数据转换成前端自定义的数据格式 为什么要有数据映射？为了复用组件，但是每一个组件复用时传递的数据不同，所以要将后台数据转换为自定义数据格式 实例代码： import React, { Component } from 'react' import _ from 'lo 阅读全文

摘要： WrappedComponent 高阶组件 定义：高阶组件是以参数为组件 返回值为新组建的函数 作用: 复用状态逻辑 高阶组件例子代码如下： 实现的复用逻辑为鼠标滑过获取最新的鼠标坐标（clintX，clintY） import React from 'react' // 参数1是传递的组件，参数2 阅读全文

摘要： context是为了解决组件多层嵌套时，不同层级通讯繁琐的React内置的一个插件 createContext（默认值），创建一个context context内包含了 Provider、Consumer import React, { createContext } from 'react' co 阅读全文

摘要： 人物：订阅者，发布者 订阅者：添加订阅者，存储订阅者 发布者：发布信息 1.添加订阅者，创建同类型容器（数组），存储同类型订阅者，同时将回调传入数组 2.发布者获取不同类型的容器（数组），进行循环，然后调用其回调，进行发布 const obj = { // 存储订阅者 userList: {}, / 阅读全文

摘要： ♦ 定义一个样式变量对象，将其存到一个js文件里，然后抛出 const styles = { '@table-bg': '#FF0000', '@primary-color': '#FF0000', '@link-color': '#FF0000', '@success-color': '#FF00 阅读全文

摘要： ♦ 安装插件 cnpm i redux-actions -S ♦ actions代码 import { createActions } from 'redux-actions' export default createActions({ 'HOME_DATA_TYPE': options => o 阅读全文