获取反应传单中的点击标记

Question

所以我的反应项目中有我的传单地图，我在这张地图上有标记，我想点击该标记。我想在侧面板上显示此标记弹出信息。我如何点击标记？常规的 onClick 方法不起作用？

<div className="m-3 " id="map">
                    <MapContainer center={[35.5820, -80.8140]} zoom={13}>
                        <TileLayer
                            attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
                            url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
                        />

                        <MarkerClusterGroup chunkedLoading >
                            {(addressPoints).map((address, index) => (
                                <Marker
                                    key={index}
                                    position={[address[0], address[1]]}
                                    onClick={handleClick}
                                >
                                    <Popup>
                                        {address[2]}
                                    </Popup>
                                </Marker>
                            ))}
                        </MarkerClusterGroup>
                    </MapContainer>
                </div >

Answer 1

常规的 onClick 反应不起作用，你必须使用这个

<Marker eventHandlers={{ click: handleClick }} key={index} position={[address[0], address[1]]} onClick={handleClick}>
  <Popup>
    {address[2]}
  </Popup>
</Marker>