問題タブ [react-leaflet]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

1029 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
1055 参照

javascript - react-leaflet Map コンポーネントをラップする
タグが消える

<DeviceControls/>コンポーネントと一緒に兄弟コンポーネントを追加しようとしてい<MapContainer/>ます。しかし、そうすると、OpenStreetMap / Leaflet マップが DOM から消え、ページに表示されるのは<DeviceControls/>コンポーネントのコンテンツだけになります。

PaulLeCam/react-leaflet ( https://github.com/blob/70cd9f32bb6461df65b0d07b9810d5e9ddf459ad/example/components/index.js )の公式の例と同じことをしているように見えるので、これは特に混乱します。

多くの Map コンポーネントと並んで多くの React コンポーネントがあり、それらがすべてページに表示されます。

これと同じことを試してみると、なぜうまくいかないのか誰にもわかりますか? <MapContainer/>つまり、コンポーネントを a でラップ<div>すると、<MapCOntainer/>コンポーネントが私のコードでは消えているように見えますが、公式のサンプルコードでは消えていないのはなぜですか?


12345678910