[置顶] react-hook手动封装可搜索远程数据的搜索框

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

posted @ 2020-08-23 23:19 风闲啊 阅读(637) 评论(0) 推荐(0) 编辑

2020年10月14日

antd中嵌套表格,子表格数据相同的问题解决(hook写法)

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

posted @ 2020-10-14 02:55 风闲啊 阅读(3223) 评论(0) 推荐(0) 编辑

2020年7月7日

简单的前端数据映射案例

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

posted @ 2020-07-07 20:09 风闲啊 阅读(2219) 评论(0) 推荐(0) 编辑

React HOC 高阶组件例子

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

posted @ 2020-07-07 13:30 风闲啊 阅读(715) 评论(0) 推荐(0) 编辑

React 中 Context

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

posted @ 2020-07-07 13:15 风闲啊 阅读(343) 评论(0) 推荐(0) 编辑

2020年7月6日

发布订阅者模式

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

posted @ 2020-07-06 19:31 风闲啊 阅读(195) 评论(0) 推荐(0) 编辑

2020年6月19日

react 中使用 antd 主题例子

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

posted @ 2020-06-19 10:35 风闲啊 阅读(572) 评论(0) 推荐(0) 编辑

2020年6月17日

redux-actions

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

posted @ 2020-06-17 14:21 风闲啊 阅读(261) 评论(0) 推荐(0) 编辑

导航