Javascript 为<；设置选项的正确方式是什么；地图>；反应传单库中的组件？

指定可以通过道具设置某些动态特性。但是，有一些是可定制的…需要注意的是，为了访问它们，您需要直接与传单实例交互（在React传单文档中）

我还没有找到任何例子来说明如何正确地做到这一点，但我确实设法让它发挥作用：

类SimpleExample扩展了React.Component{
...
componentDidMount（）{
此.L.doubleClickZoom.disable（）命令；
此.L.zoomControl.setPosition（'topright'）；
}
render（）{
返回此.L=ref.getFloapElement（）}/>
}
}

---

这是最好的方法吗？

您应该这样做：

<Map center={position} zoom={this.state.zoom} zoomControl={false} doubleClickZoom={false}>
    <ZoomControl position='topright' />
    <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>
        <span>A pretty CSS3 popup. <br/> Easily customizable.</span>
      </Popup>
    </Marker>
</Map>

一个漂亮的CSS3弹出窗口
易于定制。

其他控件也一样

<Map center={position} zoom={this.state.zoom} zoomControl={false} doubleClickZoom={false}>
    <ZoomControl position='topright' />
    <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>
        <span>A pretty CSS3 popup. <br/> Easily customizable.</span>
      </Popup>
    </Marker>
</Map>