Rerender在反应中

Question

我在我的React应用程序中使用了一些CSS动画，但是我只对一些节点动画有问题，因为其他的节点没有被重命名，而是在呈现函数中被回收。正因为如此，他们没有像预期的那样显示CSS动画。是否有任何方法强制重新呈现节点而不是重用它们？

Answer 1

CSS动画取决于类或样式的更改。为了你的动画发生，你需要改变其中的任何一个，这将强制反应的重新渲染无论如何。因此，我不期望this.forceUpdate()会产生影响。

在列表中，应重新使用组件(例如，重新排序列表中的项目)。例如，如果你有一个清单：

<li>1. Cat</li>
<li>2. Mouse</li>
<li>3. Dog</li>

你重新安排他们：

<li>2. Mouse</li>
<li>1. Cat</li>
<li>3. Dog</li>

默认情况下，React将不交换<li>项。但是，更改<li>项中的文本(因为这是一个更轻松的DOM更新)。要强制响应以交换项目，您需要为每个组件提供一个键。关于反应位点的进一步解释：https://facebook.github.io/react/docs/multiple-components.html#children

如果您可以共享一些代码，这将使您更容易理解您的具体问题。