- 博客(10)
- 收藏
- 关注
原创 React的render不是纯函数? triggering nested component updates from render is not allowed
“Warning: Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate. ”这里提供一种排查方案:这个问题可能会在开发环境中才会出现,如果你的项目中使用了mobx,并且在render中使用了.
2020-08-20 16:55:52
3027
原创 使用hook时,把携带setState的方法通过props传给子类组件,调用不生效?
一、问题来源为了学习React的HOOK,我实现了一个简单的计数器,但是把动态修改计数器count的方法通过props传递给子组件时,出现了只生效一次,再次调用不生效的问题。二、场景介绍父组件是一个函数式组件,使用了useState来动态更新Count。子组件是类组件,通过父组件传递的回调函数props.changeCount来修改父组件的count。但是出现了调用changeCount不生效的奇怪现象。下面是出现问题的代码,大家可以先分析下问题出在了哪里。import React,{useStat
2020-08-06 18:39:53
2511
转载 JavaScript宏任务和微任务
先看一段代码console.log('script start');setTimeout(function() { console.log('setTimeout');}, 0);Promise.resolve().then(function() { console.log('promise1');}).then(function() { con...
2019-08-27 22:31:49
202
原创 JS实现n维数组按顺序转化为一维数组
代码呈上: //var了个n维数组 var arr = [1,2,[3,[4,5,[1,2,3]],4,5],6,[7,8],9]; //创建一个数组接收n维数组解析出来的值 var res = []; function transform(arr){ for(var i = 0;i<arr.length;i++){ //当数组的时候递归...
2019-08-03 16:49:29
759
4
原创 CSS 层叠(权重)与继承
层叠https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance个人理解:层叠就是样式应用于结构的权重问题,体现出CSS规则中顺序性很重要!MDN将影响权重问题归结为3个要素: 1. 重要性 2. 专用性 3. 源代码次序性重要性:是指在语法中有一个特殊的...
2019-07-21 18:41:24
368
原创 Redux中间件的引用
具体使用请参照https://github.com/zalmoxisus/redux-devtools-extension
2018-07-16 10:42:47
661
原创 React 拆分组件为UI组件和容器组件
首先要感谢imooc网的DellLee老师,我的React 是跟着这位老师入门的,有兴趣的同学可以了解一下,本博客纯为手记,有什么不对的地方还请不吝赐教!话不多说先上代码!import React,{ Component,Fragment } from 'react';import 'antd/dist/antd.css';import { Input,Button,List } from '...
2018-07-15 09:22:06
2820
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人