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

前端之家收集整理的这篇文章主要介绍了reactjs – 你能强制React组件重新渲染,而不调用setState?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_301_0@ 我有一个外部(对组件),可观察对象,我想听的变化。当对象被更新时,它发出改变事件,然后当检测到任何改变时,我想重新渲染组件。

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

这里有一个代码示例:

  1. export default class MyComponent extends React.Component {
  2.  
  3. handleButtonClick() {
  4. this.render();
  5. }
  6.  
  7. render() {
  8. return (
  9. <div>
  10. {Math.random()}
  11. <button onClick={this.handleButtonClick.bind(this)}>
  12. Click me
  13. </button>
  14. </div>
  15. )
  16. }
  17. }

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

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

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

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

猜你在找的React相关文章