javascript - 如何 'reset' ReactJS 元素？

Question

我正在尝试“重置”ReactJS 元素。

在本例中，该元素占页面内容的 90% 以上。

我使用 replaceState 将元素的状态替换为其初始状态。

不幸的是，具有自己“状态”的子元素不会重置。特别是，表单字段保留其内容。

有没有办法强制重新渲染元素，这也会导致子元素重新渲染，就像页面刚刚加载一样？

Answer 1

向元素添加键会强制该元素(及其所有子元素)在该键更改时重新呈现。

(我将“key”的值设置为发送初始数据时的时间戳。)

render: function() {
  return (
    <div key={this.state.timestamp} className="Commissioning">
      ...