React 元素通过 key 属性重新渲染答案

【问题标题】：React element rerender by key propertyReact 元素通过 key 属性重新渲染
【发布时间】：2021-07-04 04:13:42
【问题描述】：

我必须使用 react 元素的 key 属性才能正确地重新渲染它。

<Element key={value} />

问题是我希望它根据多个值重新渲染，例如：

<Element key={value || value2} />

但我发现它甚至没有检查value2，所以当它改变时它不会重新渲染。我怎样才能做到这一点？有没有其他办法？

【问题讨论】：

我不确定，但也许你可以说<Element key={`${value}-${value2}`} />
我想不出为什么你应该为你的元素添加一个变量 key 属性；这可能是XY problem 的情况吗？如果您分享有关您正在尝试做的事情以及您正在使用的代码的更多详细信息，也许会有所帮助。

【解决方案1】：

谢谢大家的帮助。将其更改为具有两个值的字符串即可。

<Element key={`${value}-${value2}`} />

【讨论】：