Markerコンポーネントの正しいReactキーを取得するには？

Question

react-leafletを使用してレンダリングする場合など。 latlonsのアレイからのいくつかのマーカー成分、一方が例えばで終わる：

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

hereを説明しかしkey={i}はお勧めではありません。

反応リーフレットは、コンポーネントに固有のキーを生成するツールを提供していないようです。場合によってはkey={lat.toString() + lon.toString()}を使用することもありますが、この方法はマーカーをドラッグ可能にする必要がある場合は機能しません。

Answer 1

あなたが選んだ独自の文字列を作成してください。マーカーをデータベースに保存する場合は、マーカーの主キー値を含む文字列を作成することをお勧めします。オンザフライで何かを生成する必要がある場合は、uuidパッケージを使用して一意のIDを生成することができます。