使用react.js强制重新渲染（更新状态并更新DOM）

2 回答

• 8

  您可以使用 forceUpdate ：

  如果你的render（）方法从this.props或this.state以外的东西读取，你需要通过调用forceUpdate（）来告诉React何时需要重新运行render（） . 如果你直接改变this.state，你还需要调用forceUpdate（） .

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

  回复于 2024-04-30T07:18:59+08:00
• 0

  您可以将 forceUpdate 与顶级组件上的密钥结合使用 .

  let key= 0;
  
  var Hello = React.createClass({
  
    sudoForceUpdate(){
      key++;
      this.forceUpdate();   
    },
    render: function(){
      return <div key={key}>Example</div>;
    }
  });
  

  通过编辑密钥并强制更新，dom将始终重新呈现 .

  这是一个突出强制编辑与密钥更改*之间差异的示例 .

  https://jsfiddle.net/69z2wepo/82763/

  *请注意，这可能是非常糟糕的做法 .

  感谢Ben Alpert：https://groups.google.com/forum/#!topic/reactjs/8JgClU9jol0

  回复于 2024-04-30T07:18:59+08:00