Reactjs 如何为标记器组件获取适当的反应键?

Reactjs 如何为标记器组件获取适当的反应键?,reactjs,leaflet,react-leaflet,Reactjs,Leaflet,React Leaflet,当使用和渲染(例如,Latlon阵列中的多个标记组件)时,一个标记组件的结尾是: latlons.map((lat, lon, i) => <Marker key={i} position={L.latLng(lat, lon)} /> latlons.map((lat,lon,i)=> 然而,key={i}并不是一个好的实践 这本手册似乎没有提供为组件生成某些唯一键的工具。在某些情况下,可以使用key={lat.toString()+lon.toString()},但是,

当使用和渲染(例如,Latlon阵列中的多个标记组件)时,一个标记组件的结尾是:

latlons.map((lat, lon, i) => <Marker key={i} position={L.latLng(lat, lon)} />
latlons.map((lat,lon,i)=>
然而,
key={i}
并不是一个好的实践


这本手册似乎没有提供为组件生成某些唯一键的工具。在某些情况下,可以使用
key={lat.toString()+lon.toString()}
,但是,当标记应该是可拖动的时,这种方法将不起作用。

只需根据您的选择创建一个唯一的字符串。如果您要将标记保存到数据库中,一个好的选择是创建一个包含标记主键值的字符串。如果您需要动态生成某些内容,则可以使用包来生成一个唯一的id