問題タブ [higher-order-components]

Formikを使用して、React でフォームを検証しています。withRouter HOCからwithFormik HOC に履歴プロップを渡す方法を知りたいですか?

上記のコードを実行すると、次のエラーが発生します。

警告: setState(...): マウントされたコンポーネントまたはマウントされたコンポーネントのみを更新できます。これは通常、マウントされていないコンポーネントで setState() を呼び出したことを意味します。これはノーオペレーションです。Formik コンポーネントのコードを確認してください。

私は、見込み客が興味を持っているプロパティに関する電子メールを送信する必要があるプロジェクトに取り組んでいます。データベースからプロパティ情報と見込み客の連絡先情報を取得し、その子に渡す最上位コンポーネントがあります。情報をフォーマットする同じプロセスを共有し、電子メールを送信する電子メール関数を呼び出す 2 つのコンポーネントがあります。1 つのコンポーネントのサンプルは次のようになります。

他のコンポーネントは次のようになります

そのため、各コンポーネントで繰り返す必要がないようにしたい共有機能がいくつかあります。私はまだ学んでいます (私の最初の仕事に取り組んでいます)、そしてこれを自分のスキルを伸ばす機会として利用してみませんか? だから私は HOC/Render props パターンを上手に使いたいと思っていますが、これが 1 つを使用する場所かどうかはわかりません。

render prop を使用してコンポーネントを作成する必要がありますか (HOC の代わりにこのパターンを使用したいのですが)? それがどのように見えるかさえわかりません。ブログを読んだり、講演を見たりしましたが、ああ

しかし、このパターンは私のケースに適用できますか?それとも、電子メールのペイロードのフォーマットを処理する lib 関数を定義し、その関数を必要とするさまざまなコンポーネントにインポートする方がよいでしょうか?

ありがとう！