为什么Counter组件渲染两次?

时间:2020-03-10 16:10:31

标签: reactjs react-hooks

Here我有一个例子。为什么在Counter组件renderRadioGroup中,它的坐骑渲染两次,甚至在每次更改中(即增加/减少/无线电选择)都渲染了两次?

示例包括一个具有增加/减少/设置操作的计数器,以便其状态存储在redux和Counter组件中,它们使用useCallback钩子来缓存内部函数。

您可以在控制台中看到渲染数量。

1 个答案:

答案 0 :(得分:-1)

首先返回的内容是渲染的,然后在安装组件之后是另一个渲染的。

返回默认值,然后在安装组件之后(获取并更新数据,从而进行第二次渲染)