Question

在旧版网络应用中，引入了React组件，我们称之为CustomComponent。

updateView(newData) {
  React.render(<CustomComponent data={newData} />, document.querySelector('.custom-component-1'));
}

这是有效的，但由于某种原因，实际的DOM节点.custom-component-1似乎每次React.render被调用时都会清空，从而无法使用React来实现每次更换内容时，最小DOM更新。

我做错了什么？

Answer 1

当你使用React.render时，React不会针对之前的虚拟DOM测试现有的虚拟DOM - 它只是重新渲染组件。

您所指的内容 - 仅在状态更改时呈现 - 在组件内的render方法上发生。

示例：

// always renders
React.render(<CustomComponent />, document.querySelector('.custom-component'));

// renders only when state changes
var CustomComponent = React.createClass({
  render() {
    I re-render only if my state changes
  }
});

使用新数据

1 个答案: