react
文章平均质量分 51
WO-SHI-ZHU
虽不能至,心向往之!
展开
-
Echarts项目使用总结
echarts在React中的搭建方法原创 2022-01-10 16:36:01 · 554 阅读 · 0 评论 -
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 · 1187 阅读 · 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 · 1297 阅读 · 1 评论 -
reactHooks -useEffect
Hooks - useEffect模拟componentDidMount请求数据第二个参数取值模拟componentWillUnMount模拟componentDidMount请求数据useEffect在组件mount时执行,但也会在组件更新时执行。我们在每次请求数据之后都会设置本地的状态,因此组件会更新,useEffect就会再次执行,因此出现了无限循环的情况。我们只想在组件挂载后请求数据。我们可以传递一个空数组作为useEffect的第二个参数,这样就能避免在组件更新执行useEffect,只会在组原创 2021-05-20 16:54:10 · 199 阅读 · 0 评论 -
封装loading解决前后端交互页面不刷新问题 react+dva
react与后端交互删除添加编辑页面不刷新问题 - 封装loading引言解决办法引言当我们在开发中修改后台数据(添加,删除)时,经常会碰到页面不刷新问题解决办法解决办法很简单,重新调用一下接口,然后:wdnmd,还没刷新。最简单的,在store处理数据加个loading。我使用dva。const Product = { namespace: 'product', // 定义 state: { loading: true, }, // 同步操作唯一修改state的地方原创 2021-05-13 09:42:01 · 362 阅读 · 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 · 1259 阅读 · 2 评论