reactjs – 你能强制React组件重新渲染,而不调用setState？

发布时间：2020-12-15 07:17:22 所属栏目：百科来源：网络整理

导读：我有一个外部(对组件)，可观察对象，我想听的变化。当对象被更新时，它发出改变事件，然后当检测到任何改变时，我想重新渲染组件。使用顶层React.render这是可能的，但在一个组件内它不工作(这是有意义的，因为render方法只返回一个对象)。这里有一个代码

我有一个外部(对组件)，可观察对象，我想听的变化。当对象被更新时，它发出改变事件，然后当检测到任何改变时，我想重新渲染组件。

使用顶层React.render这是可能的，但在一个组件内它不工作(这是有意义的，因为render方法只返回一个对象)。

这里有一个代码示例：

export default class MyComponent extends React.Component {

  handleButtonClick() {
    this.render();
  }

  render() {
    return (
      <div>
        {Math.random()}
        <button onClick={this.handleButtonClick.bind(this)}>
          Click me
        </button>
      </div>
    )
  }
}

点击按钮内部调用this.render()，但这不是什么实际导致渲染发生(你可以看到这在行动，因为由{Math.random()}创建的文本不会改变。但是，如果我简单地调用this.setState()而不是this.render()，它工作正常。

所以我想我的问题是：React组件需要有状态才能重新渲染？有没有办法强制组件按需更新而不改变状态？

在您的组件中，您可以调用this.forceUpdate()强制重新转换。

https://facebook.github.io/react/docs/component-api.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!