●背景説明完了: コンポーネントの挿入に失敗しました。もしかしたらと思いました ReactDOM.render
このコードはパッケージに含まれていれば使えますが、分離されていると使えませんパッケージから、それは自然です。 (すべてのコンポーネント名がこのパッケージのローカル変數(shù)に屬しているのではないかと疑う理由)
#質(zhì)問(wèn)は次のとおりです。上記は失敗したため、同じコンポーネントの非表示フォームを別のページに挿入するにはどうすればよいでしょうか?
#●詳しく説明すると、サイド広告を書(shū)きました。この広告は、さまざまな広告コンテンツを表示するためのさまざまな props
を受け取ります。
次に、それを別のページの <p id='Ad'></p>
に挿入します。つまり、
A ページ<AdComponent data='AdData01'/>
B ページ<AdComponent data='AdData02'/>
C ページ<AdComponent data=' AdData03 '/>
各ページの下部にある script
に記述できない場(chǎng)合、コンポーネントは外部 .js ファイルにのみ挿入できます。
これから行うこと: 同じコンテナの name
値を決定し、異なる name
値に対して異なる props
データを挿入します。コードは次のとおりです。
何か良い方法はありますか?
リーリー閲覧していただき、ご回答いただきありがとうございます。ありがとうございます。老運(yùn)転手は無(wú)事に暮らしています。ありがとう!
webpack でパッケージ化されたファイル內(nèi)のコンポーネント名にはアクセスできません
グローバル変數(shù)を使用してコンポーネント名をウィンドウに表示できます
以下の例は非常に便利です。ad.name を判斷してデータを変數(shù)に入れる方が簡(jiǎn)単です