![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
莫尔道嘎老范
分享一些学习技术的经验以及做项目遇到的问题和解决,同时锻炼一下自己表达能力。文字叙述可能不是很精确,有疑问可以提出来大家一起进步!
展开
-
在react项目中使用highCharts图表,并给图表添加事件
代码:import React, { useRef, useEffect } from 'react';import _ from 'lodash';import Highcharts from 'highcharts/highstock';// import HighchartsMore from 'highcharts/highcharts-more';// import HighchartsDrilldown from 'highcharts/modules/drilldown';// i原创 2021-04-07 19:37:32 · 1139 阅读 · 0 评论 -
给echarts图表添加事件,点击不同模块发送请求获取数据
要求:点击柱状图不同柱子时,调接口发不同请求,得到数据代码实现: myChart2.setOption(option); myChart2.on('click', (a) => { console.log('a', a) // 调接口发请求 getPeopleList({ type: a.name }) setVisible(true) })直接在实例上面添加点击事件,即可拿到我们想要的参数,打印看那一下:该项原创 2021-04-07 19:25:22 · 543 阅读 · 8 评论 -
前端React单点登录的实现
场景:在多个系统进行嵌套的情况下,从父系统跳转到子系统时,无需再次登录直接跳转;原理:在子系统登录页判断url的内容通过location属性,拿到url后面的参数,通过参数调用后端接口实现单点登录;主要过程:首先监听登录页面history.listen((location: { search: string }) => { // 将query经过两次解密 并解构 const { loginName, signature, ts, redirect, code } =原创 2021-04-02 16:17:59 · 2495 阅读 · 0 评论 -
react中useState的使用:实现在当前表格直接更改数据
需求:用户点击修改按钮时直接在弹出框的当前页面内直接再次修改点击行相关信息:效果如下:点击修改当事人信息时,直接将当前改为输入框,并将信息展示,同时操作栏内的内容变为保存和取消;具体做法:我这里是使用的antd组件内的可编辑表格;当然原生的也可以做,以前也做过;这里的关键是点击修改按钮时,令当前行的表格变为输入框,并展示数据;给数据每一项加上 editable: true属性,并通过该属性控制 渲染的是数据还是可修改的输入框这里是使用的useState()方法来进行状态控制的;关于 u原创 2020-12-11 09:51:31 · 2835 阅读 · 0 评论