反応コンポーネント内のhtmlファイル内のスクリプトタグから変数にアクセス

Question

私は最近、javascriptとReact.jsで作業し始めました。私は現在、私のmain.htmlファイルにいくつかのスクリプトタグを持っており、React.jsコンポーネントのこれらのタグからいくつかの変数にアクセスできる必要があります。これを行うためにとにかくありますか？

Answer 1

<script>タグで直接変数を定義した場合、それらはグローバルであり、では、どのようなReactコンポーネントからでもを参照することができます。

これは、と言われていますが、それはではありません。これはコンポーネントを再利用することを非常に困難にするばかりでなく、それが透過性であるためメンテナンスの悪夢となる依存関係を導入します。

代わりに、あなたは、あなたのルートコンポーネントをレンダリングプロパティとして変数を渡して、それを必要とするコンポーネントにコンポーネントツリーを通じてそれを渡すとき。この方法では、ルートコンポーネントのみが外部変数に依存し、下位コンポーネントのインターフェイスはきれいで透過的に定義されます。