React の Component 間通信について色々実験してみる - upinetree's memo

React さんのこといまいちよく理解していなかったので、コンポーネントのやり取りを題材に色々試してみました。 コード例は載っていますが思考実験的なのでかなり雑な点ご了承ください。 対象課題 たとえばモーダル表示切り替えを考える。 DOM構造は下記のようなイメージ。 main main-content modal-open-button modal modal-content modal-close-button modal は全体に覆いかぶさる要素なので、CSS的に main 要素と同列の構造で扱いたい。 （ルートスタックコンテキストを適用したい） modal-open-button により modal が開き、 modal-close-button により modal が閉じる。 main コンポーネント（もしくは modal-open-button コンポーネント）と modal コ