react-native - 如何重新渲染一些组件而不是全部？

Question

我有一个来自 redux 的对象，其中包含我在 React Native 类组件中渲染的照片。

每次我更新不同对象的相关类组件的状态时，来自 redux 的对象的图像都会重新加载。

我怎样才能避免这种情况？

我认为使用 redux 可以避免在状态更新时重新渲染对象。

Answer 1

每当组件的状态发生变化时，组件就会重新渲染，这是react-native的基本思想。您可以在 shouldComponentUpdate() 中添加条件来限制组件需要重新渲染的次数。此功能允许您有条件地重新渲染组件，而不是每次状态更改时都重新渲染。

这里是引用:https://facebook.github.io/react/docs/react-component.html#shouldcomponentupdate

要重新渲染组件中的单个元素，您可以使用对于组件中的每个同级元素来说应该是唯一的键。 React 使用这些键来识别哪些元素发生了更改并且需要重新渲染，而不是重新渲染整个组件。

这里是引用:https://facebook.github.io/react/docs/lists-and-keys.html#keys