reactjs - 如何在 Leaflet 地图中添加绘图工具栏（React 应用程序）

Question

这是我的 Dashnoard.js 文件，我没有 html 文件。我的问题是如何在传单地图上添加绘图工具栏。目前我只有地图......

谢谢！

import React from 'react' 
import { Map, Marker, Popup, TileLayer } from 'react-leaflet'
import { compose } from 'redux' 
import "leaflet/dist/leaflet.css"; 
import  L from 'leaflet';



export class Dashboard extends React.Component{

    constructor() {
        super();
        this.state = {
          lat: 42.696295,
          lng:  23.303643,
          zoom: 10,
        };
      }

  render() {


    const position = [this.state.lat, this.state.lng]



    return(
        <div className='dashboard container'>
            <Map id="map" style={{ height: "50vh" }} center={position} zoom={13}>
            <TileLayer
          attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
          url='http://{s}.tile.osm.org/{z}/{x}/{y}.png'
        />
        <Marker position={position}>
          <Popup>
            A pretty CSS3 popup. <br /> Easily customizable.
          </Popup>
        </Marker>
      </Map>
        </div>
    )
       } }

export default compose()(Dashboard);

我已成功初始化页面上的地图，但在下一步我无法初始化 na 绘图组件并设置为地图。