jQueryでやっていたようなbodyの最後に要素を追加するようなことをReactでやりたい
以下の記事を読むにPortal
を使うのがよさそう
Portal
Portalはまさにやりたかった、親コンポーネントの DOM 階層外にある DOM ノードに対して子コンポーネントをレンダーするための公式の仕組み
使いかた
ReactDOM.createPortal(child, container)
child
は追加した要素で、
container
はbodyの最後に追加したければdocument.body
になる
結構簡単にできた
ポータルは DOM ツリーのどこにでも存在できるが、通常の React の子要素と変わらずに振る舞う
そのため、context)のような機能もつかえるのが良い