【React】UseContext、createContextの使い方 - Qiita

Contextとは？？ コンテクストは各階層で手動でプロパティを下に渡すことなく、コンポーネントツリー内でデータを渡す方法を提供します。 参考:https://ja.reactjs.org/docs/context.html Contextを使うことで別のコンポーネントにpropsを渡して、さらに別のコンポーネントに渡すといったバケツリレーをする必要がなくなります。 ここでは本当の基礎の基礎でコンポーネント間でcontextを使ってデータを渡します。 （本当はリファクタリングなどやることはいろいろありますが…） フォルダ構成 src components ├ HelloChild.js ├ CountChild.js Example.js ちょっと分りにくいですが、 componentsフォルダの中にHelloChild.js、CountChild.js srcフォルダ直下にExample