検索

ホームページ  >  に質問  >  本文

JavaScript - React の初心者の質問です。異なるページに React コンポーネントを柔軟に挿入するにはどうすればよいですか?

リーリー

●背景説明完了: コンポーネントの挿入に失敗しました。もしかしたらと思いました ReactDOM.render このコードはパッケージに含まれていれば使えますが、分離されていると使えませんパッケージから、それは自然です。 (すべてのコンポーネント名がこのパッケージのローカル変数に属しているのではないかと疑う理由)
#質問は次のとおりです。上記は失敗したため、同じコンポーネントの非表示フォームを別のページに挿入するにはどうすればよいでしょうか?
#●詳しく説明すると、サイド広告を書きました。この広告は、さまざまな広告コンテンツを表示するためのさまざまな props を受け取ります。
次に、それを別のページの <p id='Ad'></p> に挿入します。つまり、

A ページ<AdComponent data='AdData01'/>
B ページ<AdComponent data='AdData02'/>
C ページ<AdComponent data=' AdData03 '/>

各ページの下部にある script に記述できない場合、コンポーネントは外部 .js ファイルにのみ挿入できます。
これから行うこと: 同じコンテナの name 値を決定し、異なる name 値に対して異なる props データを挿入します。コードは次のとおりです。
何か良い方法はありますか?

閲覧していただき、ご回答いただきありがとうございます。ありがとうございます。老運転手は無事に暮らしています。ありがとう!

リーリー
曾经蜡笔没有小新曾经蜡笔没有小新2750日前461

全員に返信(1)返信します

  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-19 10:42:40

    webpack でパッケージ化されたファイル内のコンポーネント名にはアクセスできません

    1. グローバル変数を使用してコンポーネント名をウィンドウに表示できます

    2. 以下の例は非常に便利です。ad.name を判断してデータを変数に入れる方が簡単です

    返事
    0
  • キャンセル返事