【覚書】ReactDOM.render がコケたかどうかを取得する

React のレンダリングがエラーで失敗したときに
代わりの DOM を表示したいと思ったので調べた

どうやら ReactDOM そのものに
そういうエラーハンドリング機能はなさそうなので、App を細工する。

というわけでこうした

class App extends React.Component {
  constructor() {
    super();
  }
  componentDidCatch(error, errorInfo) {
    // ここにエラー時の処理
    console.log({ error, errorInfo });
  }
  render() {
    return (
      <p>Hello!</p>
    );
  }
}

ReactDOM.render(<App />, document.getElementById("app"));

hooks とかはないもよう