import React from 'react';
import { MapContainer, TileLayer, Marker, Popup, Circle } from 'react-leaflet';
import "./test.css"

function Test_full_map() {

    const drawCircle = (position) => {
        console.log(position)
        return (<Circle center={position} radius={10000} />)
    }

    return (
        <div id='map'>
            <MapContainer
                center={[48.864716, 2.349]}
                zoom={2}
                scrollWheelZoom={true}
                zoomControl={false}
                style={{ width: "100%", height: "100%" }}
                minZoom={2}
                maxZoom={5}
                doubleClickZoom={false}>
                <TileLayer
                    attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
                    url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
                />
                <Marker position={[36.5, 130]}
                //eventHandlers ={{click : (e) => drawCircle(e.latlng)}} //use eventHandler
                >
                    <Popup closeButton={true}>Korea
                        <Circle center={[36.5, 130]} radius={1000000} //use Popup
                        /> 
                    </Popup>
                </Marker>
            </MapContainer>
        </div>
    );
}

export default Test_full_map;

此代码为完整代码。感谢您的关注。

这个可以

// set initial value for circle
     const [showCircle, setShowCircle] = useState(false);

     const onMarkerClick = (r) => {
       // e.preventDefault();
       console.log('marker click')
       // toggle circle
       setShowCircle(s => !s) 
     }

        <MapContainer
            center={[48.864716, 2.349]}
            zoom={2}
            scrollWheelZoom={true}
            zoomControl={false}
            style={{ width: "100%", height: "100%" }}
            minZoom={2}
            maxZoom={5}
            doubleClickZoom={false}>
            <TileLayer
                attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
                url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
            />
            <Polygon positions={overline} />
            <Marker 
               position={[36.5, 130]} 
               // add event handler here
               eventHandlers={{ click: onMarkerClick }}
             >
                <Popup >Korea
                    // show circle conditionally when marker is clicked
                   { showCircle && <Circle center={[36.5, 130]} radius={1000000} />}
                </Popup>
            </Marker>
        </MapContainer>

一些指针名称drawCircle需要更改为DrawComponent需要to start with capital letter，并且出于性能原因需要位于主组件之外
希望这对你解决问题有帮助