反应-每当父级渲染列表时保持子状态

时间:2018-12-19 02:55:10

标签: reactjs components

我是React的初学者。 我需要父母的州保留一张卡片清单(作为孩子), 每个孩子都有自己的状态。 我的问题是,每当父母添加卡片时,孩子都会被卸除。

here是针对我的情况的简单重建


我已经尝试过:

  1. 让父母保持一种状态:

但是这张卡是动态增加的,它将遇到状态异步问题,可能会使用Redux来解决它...我不想在这里使用Redux。

-

对此需要一些建议,非常感谢。


编辑:(我想做什么的更多细节)

1.Parent可以通过顶部的按钮在列表中添加其他卡片。

2.Child有其自己的状态,在此示例中,我可以单击左侧的按钮来更改孩子的状态。

问题:每次添加新卡时,子代状态都将返回到初始状态:1 ...我需要他们保持原始状态。

1 个答案:

答案 0 :(得分:0)

因为子组件属于父组件。因此,无论何时更新父状态,它都会重新渲染父组件=>子将再次重新初始化。为了避免不使用Redux或其他方法来管理您的状态,这一问题。

您应该在父组件中初始化一些值,然后将其作为prop传递给子组件。这样,当您更改父状态时,该道具将不会受到影响。 =>您的问题将得到解决。