問題タブ [react-functional-component]

理由はわかりませんが、React アプリケーションを実行しているときに次の警告が表示されます。

このライフサイクルメソッドを使用していないため、混乱しています。代わりに、コードで useEffect、useMemo、および useState フックを使用しています。この警告を取り除く方法があればいいのにと思います。

私が見たほとんどの反応例では、人々はコードを機能コンポーネントの本体に直接配置することを避けているようですが、代わりにuseEffect(() => {...}). 公式ドキュメントの例：

これは単に書くよりも優れている理由:

どちらの場合も、ドキュメントのタイトルはレンダリングごとに設定されます。（useEffect()コードはレンダリング後に実行されると思いますが、この例では関係ないようです）

ifの値を理解していますuseEffect():

• 状態は 2 番目のパラメーターとして渡されるため、コードはレンダリングごとに実行されるのではなく、指定された状態の変化に関して実行されます。
• クリーンアップの仕組みを利用しています。

しかし、それがなければ？コードを にラップする理由はまだありますuseEffect()か?

私は TypeScript を学んでいますが、いくつかのビットが混乱しています。以下に 1 ビットを示します。

上記の両方の機能コンポーネントについて、TypeScript が同じ JS コードを生成していることがわかります。このPrintName2コンポーネントは、読みやすさに関してはより合理化されているように思えます。2 つの定義の違いは何ですか? 誰かが 2 番目のタイプの React コンポーネントを使用しているのだろうか?

次のコンポーネントの何が問題になっていますか? ライフサイクルメソッドを使用した元のクラスベースのバージョンが正常に動作している間にエラーがスローされますか?