求助 react render函数执行了两次

Question

我在这个组建里面打印了一下listItems 发现页面上面打印出两个list 如图

debugger了一下 发现 他判断了这个东西然后 有调了instan 的render 是什么意思？

Answer 1

React在严格模式下会执行两次render以帮助检查额外的副作用
https://reactjs.org/docs/stri...

Answer 2

state 或者 prop 改变的时候会出发 rerender

Answer 3

父组件发生变化 子组件即使props state没发生变化也会执行render 只是diff后不再渲染dom 把extends Component 改成 extends PureComponent试试

Answer 4

React.PureComponent中以浅层对比 prop 和 state 的方式来实现shouldComponentUpdate()。所以要看你的prop的结构。

看看父页面做了啥操作吧

Answer 5

楼主，你的url上是不是带有参数？