以下の内容はhttps://uga-box.hatenablog.com/entry/2022/09/15/000000より取得しました。


【React】親コンポーネント外に要素を追加する

jQueryでやっていたようなbodyの最後に要素を追加するようなことをReactでやりたい

以下の記事を読むにPortalを使うのがよさそう

chaika.hatenablog.com

Portal

Portalはまさにやりたかった、親コンポーネントの DOM 階層外にある DOM ノードに対して子コンポーネントをレンダーするための公式の仕組み

ja.reactjs.org

使いかた

ReactDOM.createPortal(child, container)

childは追加した要素で、

containerはbodyの最後に追加したければdocument.bodyになる

結構簡単にできた

ポータルは DOM ツリーのどこにでも存在できるが、通常の React の子要素と変わらずに振る舞う

そのため、context)のような機能もつかえるのが良い




以上の内容はhttps://uga-box.hatenablog.com/entry/2022/09/15/000000より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14