アプリで Ant Design (antd) を使用しており、Modalというコンポーネントがあります。この Modal は、React の標準フロー、つまりメソッドで<Modal/>コンポーネントを宣言することに従ってレンダリングされますrender()。
また、Modal ドキュメントを確認すると、コンポーネントもレンダリングするModal.method()render()があることがわかりますが、標準<Modal/>コンポーネントで行われるように、 でこのコンポーネントを宣言する必要はありません。
私の質問は、ユーザーが [OK] をクリックしてコンポーネントの使用を終了したときに、コールバック関数で値を返すだけの、独自のロジック、独自の状態、独自のレンダリングなどを持つ独自のカスタマイズされたModal.method()コンポーネント (例: ) をどのように実装できますか?Modal.login()または他のアクションを実行していますか？このコンポーネントは、このように使用されますModal.method()。つまり、フローが終了して値が返されるまで、他のコンポーネントの使用をブロックします。
これはcodepen.ioでの動作例です。どのメソッドのどの場所でも宣言されてModal.confirm()いない場合、コンポーネントをどのようにレンダリングできるかのロジックを理解したいと思います。<Component/>render()