reactjs - 如何在 React 中使用没有地图的 MapboxGeocoder

Question

我正在尝试在 React 中使用不带地图的 Mapbox Geocoder（请参阅https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-geocoder-no-map/）。我可以成功创建一个 refs，但是一旦我将它用作.addTo()函数中的参数，我会收到此错误消息，尽管 refs 是[object HTMLDivElement]：

Error: addTo Container must be a mapbox-gl-js map or a html element reference

代码在这里：https ://codesandbox.io/s/patient-hill-xvh12?fontsize=14&hidenavigation=1&theme=dark

Answer 1

请参阅https://github.com/mapbox/mapbox-gl-geocoder/blob/master/API.md#addto您必须将字符串选择器（如#id或）传递.class给 addTo，而不是对实际元素的引用。