hook
WO-SHI-ZHU
虽不能至,心向往之!
展开
-
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 · 1217 阅读 · 0 评论 -
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 · 1338 阅读 · 1 评论 -
reactHooks -useEffect
Hooks - useEffect模拟componentDidMount请求数据第二个参数取值模拟componentWillUnMount模拟componentDidMount请求数据useEffect在组件mount时执行,但也会在组件更新时执行。我们在每次请求数据之后都会设置本地的状态,因此组件会更新,useEffect就会再次执行,因此出现了无限循环的情况。我们只想在组件挂载后请求数据。我们可以传递一个空数组作为useEffect的第二个参数,这样就能避免在组件更新执行useEffect,只会在组原创 2021-05-20 16:54:10 · 209 阅读 · 0 评论 -
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 · 1282 阅读 · 2 评论