react
react小白正常历程
掉线zzz
这个作者很懒,什么都没留下…
展开
-
react hook 使用echarts折线图实现多表联动
注:这里只是为了记录自己开发过程中遇到的问题为了熟悉react各类技术栈,这里使用的ref来实现的折线图加载下面是代码概要:// 引入相关依赖import React, { useEffect, useState, useRef } from 'react';import echarts from 'echarts/lib/echarts'import'echarts/lib/component/title';import'echarts/lib/chart/line';...原创 2021-09-22 10:28:22 · 641 阅读 · 0 评论 -
react ant-design Select组件下拉框map不显示问题
问题描述:在使用Select Option下拉组件时,map遍历后不显示下拉框错误写法:{dataList && dataList.map(item =>{( <Option key={item.id} value={item.value}>{item.value}</Option)})}正确写法:{dataList && dataList.map(item =>( <Option k...原创 2021-08-24 15:44:25 · 1438 阅读 · 1 评论 -
ReactEcharts折线图缩放与时间绑定
这两天在做ehcarts图标的时候遇到了一些问题,总结一下~~需求:可拖动的折线图与旭日图进行联动,点击折线图折点,旭日图同步更新,好了直接上代码constlineEchartsOption=(params,yAxis)=>({title:{text:'',textStyle:{color:'#666C73',fontSize:18,},left:'c...原创 2021-04-29 14:32:57 · 545 阅读 · 0 评论 -
ant-design嵌套子表格实现每次只展开一个子表格(点击新的子表格收起原展开的子表格)
又遇到问题,记录一下吧,希望给同踩坑的小白一些帮助首先功能需求:点击新的子表格收起原展开的子表格解决问题的关键点:重新setexpandedRowKeys的值这个解决问题的点大家都能想到,主要是在什么时候去set这个值下边是API里边的描述,我们使用这个参数就可以解决问题了onExpandedRowsChange 展开的行变化时触发 function(expandedRows) expandedRowKeys 展开的行,控制属性 string[] ...原创 2021-03-29 16:55:40 · 5243 阅读 · 6 评论 -
react ant-design 使用table嵌套子表格遇到的坑
react ant-design 使用table嵌套子表格遇到的坑<Table className="components-table-demo-nested" columns={columns} expandable={{ expandedRowRender }} dataSource={data}/>这种情况下,如果资表数据请求放在expandedRowRender下会一直请求后台数据~~~~~~~查了API,最后将请求放在onExpan...原创 2021-03-19 14:58:13 · 2290 阅读 · 0 评论