如何獲取Marker組件的正確React鍵？

Question

當使用react-leaflet並渲染例如從latlons的陣列幾個標記組分，一種具有e.g結束：

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

然而key={i}是不是一個好的做法所解釋here。

看起來似乎反應小冊子提供了工具來爲組件生成一些唯一的關鍵。在某些情況下，可以使用key={lat.toString() + lon.toString()}，但是當標記應該可拖動時，此方法將不起作用。

Answer 1

只需製作一個您選擇的獨特字符串。如果要將標記保存到數據庫中，最好的選擇是創建一個包含標記主鍵值的字符串。如果您需要即時生成某些內容，則可以使用uuid包生成唯一的ID。