Fatal编程技术网
  • reactjs/
  • Reactjs 组件仅在页面重新加载时显示动画，而不在状态更改时显示动画

Reactjs 组件仅在页面重新加载时显示动画，而不在状态更改时显示动画

reactjs

Reactjs 组件仅在页面重新加载时显示动画，而不在状态更改时显示动画,reactjs,Reactjs,我试图一次在页面上显示三张卡片，并对这些卡片应用了转换。当我点击按钮时，它会更新状态并显示另外三张卡。但这些卡片并没有动画效果。仅当页面重新加载且状态未更改时，动画才起作用 您必须将您的状态绑定到Grow的“in”属性 增长={this.state.updatedValue} 希望这能解决你的问题 要了解更多信息，请查看物料界面的文档 您忘记为map函数中的每个添加一个键 如果不将键添加到，React将无法区分渲染的每个组件。 如果没有“关键点启用”组件，则认为它们是相同的组件，并且新的将不会重

我试图一次在页面上显示三张卡片，并对这些卡片应用了转换。当我点击按钮时，它会更新状态并显示另外三张卡。但这些卡片并没有动画效果。仅当页面重新加载且状态未更改时，动画才起作用

您必须将您的状态绑定到Grow的“in”属性

增长={this.state.updatedValue}

希望这能解决你的问题

要了解更多信息，请查看物料界面的文档

您忘记为map函数中的每个
添加一个键

如果不将键添加到
，React将无法区分渲染的每个组件。 如果没有“关键点启用”组件，则认为它们是相同的组件，并且新的
将不会重新设置动画

我已经附上下面的CodeSandboxURL作为示例

你能用link发布吗？请说明你可能实现了componentDidMount方法，但不是componentDidUpdate方法。你的例子似乎不起作用。你确定它完成了吗？我什么也没看到。我已经在CodeSandbox上更新了代码。你能详细说明一下吗？