setState を呼び出さずに React コンポーネントを強制的に再レン​​ダリングできますか? 質問する

変更を監視したい外部 (コンポーネントに対して) の監視可能なオブジェクトがあります。オブジェクトが更新されると変更イベントが発行され、変更が検出されるとコンポーネントを再レンダリングします。

トップレベルでは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>
    )
  }
}