JavaScript - Ant Financial の React Modal メソッドはどのようにページの最後に要素を挿入しますか?

Question

React を使用して、Ant Financial の React Modal メソッドと同様のパブリック ポップアップ モジュールを作成したいと考えています。

この実装の原理がわかりません?作成したポップアップウィンドウをページの最後に挿入するにはどうすればよいですか?

#

Answer 1

モーダ​​ル実装のソースコードを見ると、わかりやすいです。簡単に言うと:

リーリー

Answer 2

@ssruoyan
ES6 構文を使用してこれを実装するにはどうすればよいですか?

Answer 3

モーダ​​ルが表示されるかどうかは、その可視性によって異なります。これは、今日作成したモバイル コードです。何を言っているのか分かりません

Answer 4

実際には、反応スコープの外でレンダリングされ、コンポーネントを使用します

これには ReactDOM.unstable_renderSubtreeIntoContainer インターフェースが関係します
ただし、このインターフェースはドキュメントでは利用できず、不安定とマークされています

サインはこんな感じです

リーリー

こんな風に使えそうです

リーリー

具体的な使用法については、react-portalでの使用法
またはAnt Financialのant designでの使用法を参照してください

署名と定義は、コメント付きでここにあります

実は、このインターフェースの使い方がよく分かりません…正しいかどうかはわかりませんので、上のリンクのコードを自分で読んでみてください

。