React
文章平均质量分 59
lxiang222
你是我唯一想要的了解~
展开
-
Antd表格结合react-dnd、react-dnd-html5-backend、immutability-helper实现拖拽功能
Antd可拖拽排序需要引入的其他的库配合实现,具体demo在antd官网也给了,下面是针对一些特殊的产品需求的实现及需要注意的事项,具体的要实现的功能如下图:这个表格内容分为两部分,即图中的第一部分和第二部分,并且上下两部分内容可以互相拖动,并且表格中的带箭头的所在行是可以展开和关闭,拖动后不能改变展开行顺序,在antd中的表格通过引入其他库可以实现拖动的功能,但是需要合并展开功能,某行不能拖动,某行独占一行的功能。首先通过拼接数据,实现展示第一行内容和第二行内容文案,并且拼接的数据中有name属性原创 2021-09-10 12:32:01 · 1129 阅读 · 0 评论 -
Axios取消接口请求方法
问题:频繁切换tab请求数据导致的数据滞后问题解决方法分为两种:第一种加入防抖函数,防止频繁切换请求接口第二种方法使用axios自带的方法来取消上一次的接口请求,具体操作如下:const {CancelToken} = axios;// 定义全局变量this.source = CancelToken.source();// 执行对应函数this.source.cancel();这个方法只需要在切换tab时先调用cancel方法取消上一次请求即可...原创 2021-02-19 15:42:38 · 865 阅读 · 0 评论 -
React.createContext的使用以及useContext的使用
使用createContext进行跨组件间数据传递方法首先需要在父组件中定义一个容器和需要传递的默认值,然后通过Provider(生产者,简单来说就是定义数据的东西),定义共享的数据,然后通过Consumer(消费者,就是子组件或孙子组件来使用),具体实现代码如下:// 在父组件中定义export const Context = React.createContext({ activeKey...原创 2020-04-09 11:14:37 · 2768 阅读 · 0 评论 -
react Objects are not valid as a React child (found: object with keys {})问题
这个报错可能是因为将某个本应该是非object格式的数据现在变成了object来展示。我碰到这个问题的现状是定义了变量num,初始化是空字符串,然后通过接口获取数据调用setNum方法,接口后端接口正常应该返回data数据,接口现在没有data字段,项目中又将接口中没返回的data处理成data:{},然后导致num变成对象,react解析时候又报错const [num,setNum]=use...原创 2020-03-26 11:20:10 · 10941 阅读 · 0 评论 -
DvaJS的数据流向和Model、connect使用
dva = React-Router + Redux + Redux-sagaDva的数据流向:改变发生通常是通过用户交互行为或者浏览器行为(如路由跳转等)触发的,当此类行为会改变数据的时候可以通过 dispatch 发起一个 action,如果是同步行为会直接通过 Reducers 改变 State ,如果是异步行为(副作用)会先触发 Effects 然后流向 Reducers 最终改变 St...原创 2020-03-25 16:03:42 · 2221 阅读 · 0 评论