- 博客(18)
- 收藏
- 关注
RSS订阅原创 reace(js) redux
下包npm install redux react-redux。在页面中调用（快捷键rfcredux）先在src下创建一个store。在index页面中引入。
2024-07-30 16:05:07
149
原创 react echarts图表封装
在主页面中（也就是父组件中）定义option数据 （如果有使用后台接口数据在useEffect中调用接口 用接口中的数据替换原本的option数据）然后在封装的组件中（子组件）用props接受主页面（父组件）传过来的option 并重新渲染图表在页面中。先在项目中创建一个文件 用作封装echarts图表。然后引入封装的组件 将option传值传过去（父传子）
2024-06-26 16:15:28
285
原创 react npm run eject下载错误解决方法
在react中下载npm run eject时可能会出现以下的错误。在下载完react框架后 先在终端输入上面三条命令。然后再下载 npm run eject 就能成功了。
2024-06-26 15:22:27
265
原创 react 旋转木马
先定义一个数据arr 数据中存放旋转的对象 给数据绑定状态（useState）在给页面的dom元素绑定一个ref事件 在里面遍历渲染出arr中的对象在css页面中给渲染的盒子添加定位 和动画在js页面 在useEffect中给每个盒子设置不同的出发时间再给box-img 用onMouseEnter 和 onMouseLeave 写鼠标移入和移出事件。
2024-06-25 14:48:27
219
2
原创 react echarts渲染中国地图（下钻 地图散点）
下载echarts包 并引用给下面存放地图的盒子绑定ref事件 设置宽高在下载地图的相关json文件或者调用接口接口在页面中定义一个函数 函数中传 adcode 和 name在函数中调用地图的接口在生命周期中给函数传值（区域地图的adcode和name）option中的data数据替换成接口中的数据option中series.map需要与echarts.registerMap的地图名一致然后重新渲染地图。
2024-06-25 14:29:41
1769
2
原创 react 使用echarts表格
在页面中导入import * as echarts from 'echarts'const mychart＝echarts.init (useRef绑定的元素)导入 import dayjs from 'dayjs'用useRef绑定dom元素（div盒子）循环所需要数据的长度 例如:需要四个数据。let option＝｛表格数据｝在useEffect里渲染图标。将循环的数添加在空数组arr中。
2024-06-20 23:17:39
286
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人