组件更新生命周期ReactJS

Question

遇到一个问题。

我有父组件，例如<Parent />。在此父组件的渲染方法中，我渲染卡，例如<CardItem />。

在此<CardItem />组件中，我有<IconComponent/>。

所以主要问题是：
当我试图在componentWillUpdate / did中使用<IconComponent/>时，我会看到所有组件的道具。

例如，我将渲染5个<CardItem />组件，一旦更新了5个组件中的一个，我的控制台日志中将有 5 行。

问题：如何只捕获一个已更新的组件？

Answer 1

我认为最好的解决方案可以使用componentWillReceiveProps(nextProps)，因为它将为您提供新的Props作为该组件，然后可以随心所欲地执行任何操作。 有关详细信息，请查看react lifecycle