javascript - React 초보자 질문, 다른 페이지에 반응 구성 요소를 유연하게 삽입하는 방법은 무엇입니까?

Question

으아아아

●배경 설명 완료: 컴포넌트 삽입 실패, ReactDOM.render这段代码被打在包里能用，脱离包就不能用了，也理所当然。（怀疑我的组件名都属于这个包里的局部变量的原因）
●疑问是：其于以上的失败，那么如何将同一个组件的不用显示形态插入到不同页面中？
●详述一下：我写了一个侧边广告。这个广告接收到不同的props来显示不同的广告内容。
然后插入到不同页面的<p id='Ad'></p>中。即

A 页面 <AdComponent data='AdData01'/>
B 页面 <AdComponent data='AdData02'/>
C 页面 <AdComponent data='AdData03'/>

如果不能分别写在每个页面底部的script中那么，就只能在外部的.js文件中插入组件。
我现在这样做的:判断同一个容器的name值，不同的name值插入不同的props데이터인 줄 알았어요. 코드는 다음과 같습니다
더 좋은 방법은 없을까요?

찾아보시고 답변해 주셔서 감사합니다. 노령 운전자는 안전한 삶을 살고 있습니다. 감사해요!

으아아아

Answer 1

webpack으로 패키징된 파일의 구성요소 이름에 접근할 수 없습니다

1. 전역변수를 사용하여 창에 구성요소 이름을 넣을 수 있습니다

2. 아래 예는 매우 간단합니다. ad.name을 판단하고 데이터를 변수에 넣은 다음 통합된 방식으로 데이터 소품을 전달하는 것이 더 간단합니다.

   # 🎜🎜#