- 博客(8)
- 收藏
- 关注
RSS订阅原创 react + hooks实现antd Table组件 展开一个其他关闭（手风琴效果）
antd Table组件 - 手风琴用到的属性用到的属性expandedRowKeys={ string } 展开的行，控制属性const [expandedRowKeys, setExpandedRowKeys] = useState([]);const versionExpandHandle = (expanded: any, record: any) => { // expanded 展开 -> true let temp: any = []; if (expand
2021-06-25 16:47:59
1111
原创 react + hooks 实现Echarts树状图 - 手风琴效果，滑过节点时展示其他信息
react + hooks 实现Echarts树状图 - 手风琴效果官网效果React中实现官网效果React中实现// npm i echarts --save// npm i echarts-for-react --saveimport ReactEcharts from 'echarts-for-react';const EchartsDom = () => { // 配置 const getOption = { // 标题 title: {
2021-06-23 15:26:38
1211
1
原创 reactHooks -useEffect
Hooks - useEffect模拟componentDidMount请求数据第二个参数取值模拟componentWillUnMount模拟componentDidMount请求数据useEffect在组件mount时执行，但也会在组件更新时执行。我们在每次请求数据之后都会设置本地的状态，因此组件会更新，useEffect就会再次执行，因此出现了无限循环的情况。我们只想在组件挂载后请求数据。我们可以传递一个空数组作为useEffect的第二个参数，这样就能避免在组件更新执行useEffect，只会在组
2021-05-20 16:54:10
120
原创 父组件获取子组件Form表单组件值
父组件获取子组件Form表单组件值引言解决办法父组件:子组件:结束引言const steps = [ { title: '基础配置', // 子组件引用 content: ( <BasicConfig // 下面定义的方法 onChange={(newFields) => { getFormValue(newFields); }} /
2021-05-13 10:13:55
740
2
原创 封装loading解决前后端交互页面不刷新问题 react+dva
react与后端交互删除添加编辑页面不刷新问题 - 封装loading引言解决办法引言当我们在开发中修改后台数据（添加，删除）时，经常会碰到页面不刷新问题解决办法解决办法很简单，重新调用一下接口，然后：wdnmd，还没刷新。最简单的，在store处理数据加个loading。我使用dva。const Product = { namespace: 'product', // 定义 state: { loading: true, }, // 同步操作唯一修改state的地方
2021-05-13 09:42:01
334
原创 React无状态组件+Antd（Tabs）删除添加功能
基于Reat函数组件+antd design（Tabs）删除添加功能解决办法import { Tabs } from 'antd';const { TabPane } = Tabs;const initialPanes = [ { title: 'Tab 1', content: 'Content of Tab 1', key: '1' }, { title: 'Tab 2', content: 'Content of Tab 2', key: '2' }, {title: 'Tab 3
2021-05-11 15:19:41
1193
2
原创 父组件获取子组件中的Form表单values
关于父组件获取子组件中的Form表单值1、 引言 再一次项目开发中涉及到Steps步骤条，Step里边涉及到表单，为了页面不冗杂，只能进行组件拆分<狗头>，这就涉及到从父组件中获取子组件中的Form值。2、概述 不太会介绍。。。。，直接上代码： 因为使用函数组件，获取子组件的话肯定会首先想到Hook-useRef()，正如上图。因为我搭配的是ts，那么在子组件中我给Form加了r...
2021-05-10 16:06:23
987
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人