問題タブ [react-map-gl]
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.
javascript - componentDidMount でマップ マーカーが読み込まれない
ビューポート座標からユーザーの位置を取得するマップがあり、それらの座標を使用して API からマーカーをフェッチします。問題は、マップを移動した後にのみマーカーが表示されることです。私は何が欠けているのか混乱しています:
次に、ユーザーの場所を特定する関数:
次に、API からマーカーを取得します。
そして最後にマーカー:
その後、マップを呼び出すと、次のようになります。
地図はわかりますが、マーカーがわかりません。誰かが私を正しい方向に向けることができますか? 問題は、約束とコンポーネントのライフサイクルに関する私の不安定な把握にあると思いますが、正直なところ、これを理解することができませんでした. 完全な（乱雑な）コードをここに貼り付けました：https://pastebin.com/j8dzYAsk
reactjs - React Hooks と MapBox を使用した API onClick からの状態の更新とフェッチ
マップの領域をクリックしたときに緯度と経度を使用して API から取得しようとすると問題が発生します。API からのデータが期待どおりに表示されているため、最初のマップの読み込みは問題なく、コンソール ログがこれを示しているため、geoLoc 配列の状態が onClick で更新されていることを確認できます。しかし、何らかの理由で、geoLoc.latitude と geoLoc.longitude の両方の状態が変化しているにもかかわらず、API が更新されていません。これには何か理由がありますか？どんな助けでも大歓迎です！ありがとう
reactjs - onChange 選択の 1 ステップ遅れて useState オプション値に反応する
size.value状態は、関数_updateDataが<select>. たとえば、開始の defaultValue オプション<select>が「すべて」で、locations空であるとします...オプションは「中」に変更され、locations「すべて」です...オプションは「大」に変更され、locations「中」です。 ..等々。最初に、「すべて」が選択された状態で関数を onload で実行したいのですが、これも_updateData機能していません。エラー Cannot read property 'target' of undefined on がスローされsetSize({value: event.target.value})ます。ここで何が間違っていますか？助けてくれてありがとう。