JavaScript - Ant Financial の React Modal メソッドはどのようにページの最後に要素を挿入しますか?
大家讲道理
大家讲道理 2017-07-05 10:58:47
0
4
1176

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

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


#

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全員に返信(4)
迷茫

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

リーリー
いいねを押す +0
过去多啦不再A梦

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

いいねを押す +0
给我你的怀抱

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

いいねを押す +0
typecho

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

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

サインはこんな感じです

リーリー

こんな風に使えそうです

リーリー

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

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

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート