1. ホーム
  2. javascript

[解決済み] reactのStrictModeとは?

2022-03-02 06:19:54

質問

ストリクトモードは、ライフサイクルメソッドの削除時に警告を出すことで、ベストプラクティスに基づいたReactのコードを書くのに役立つと聞きました。

で読みました。 https://medium.com/@baphemot/whats-new-in-react-16-3-d2c9b7b6193b

私の理解は正しいのでしょうか?ストリクトモードはどの程度有効なのでしょうか?安全でないライフサイクルメソッドに対してのみ有効なのでしょうか?もしそうでなければ、この機能を機能的なコンポーネントで使うことはできますか?

  import { StrictMode} from “react”;
  class Test extends Component{
        render(
            <StrictMode>
                   //Some other child component which has all lifecycle methods implemented in it
            </StrictMode>
        );
  }

解決方法は?

ReactのStrictMode は、ある種の ヘルパーコンポーネント を使用すると、より良いリアクトコンポーネントを書くことができます。 <StrictMode /> で、基本的にそうなります。

  • 中のコンポーネントが以下のようになっていることを確認します。 いくつか を推奨し、そうでない場合はコンソールで警告します。
  • 非推奨のメソッドが使われていないか確認し、使われている場合はstrict modeでコンソールに警告を表示します。
  • 潜在的なリスクを特定することで、いくつかの副作用を防ぐのに役立ちます。

ドキュメントにあるように、strictモードは開発向けなので、本番ビルドへの影響を心配する必要はありません。

特に便利なのは ストリクトモード 新しいコードベースで作業しているときに、自分が直面しているコードやコンポーネントがどのようなものかを確認したいとき。また、バグ探しをしているときなどには、このように <StrictMode /> には、問題の原因と思われるコードのコンポーネントやブロックが含まれています。

そう、あなたはストリクトモードを理解するための正しい道にいるのです。