reactjs - 如何为 Marker 组件获取正确的 React 密钥？

Question

当使用react-leaflet并渲染例如来自 latlons 数组的几个 Marker 组件时，最终会得到例如：

latlons.map((lat, lon, i) => <Marker key={i} position={L.latLng(lat, lon)} />

然而，这key={i}不是一个好的做法，正如这里所解释的那样。

react-leaflet 似乎没有提供工具来为组件生成一些唯一的密钥。在某些情况下，可能会使用key={lat.toString() + lon.toString()}，但是当标记应该是可拖动的时，这种方法将不起作用。

Answer 1

只需制作您选择的独特字符串。如果要将标记保存到数据库，一个不错的选择是创建一个包含标记主键值的字符串。如果你需要即时生成一些东西，你可以使用uuid包来生成一个唯一的 id。