反應原生 - eslint 給出太多錯誤

Question

我對 react native 的編碼不是很好，但是我不斷收到來自 eslint 的錯誤，

例如：

 {
        this.state.markers.map(marker => (
          <MapView.Marker
            coordinate={{longitude: marker.longitude, latitude: marker.latitude}}
            title={marker.title}
            description={marker.info}>
          </MapView.Marker>
        ))
      }

eslint 提供帶有消息的紅線錯誤： Missing "key" prop for element in iteratoreslintreact/jsx-key

這讓我猶豫代碼是錯誤的。

還有更多道具錯誤。

這是為什么？ map 運行良好，有時我使用 this.props 也會出錯。

eslint 的任何替代品還是最好的？

我正在使用 vscode

Answer 1

您必須為組件的 arrays 添加一個關鍵屬性，以便 react 可以正確檢測到 object 已更改。 如果你不這樣做，react 只是比較以前和當前的 object 參考，這可能會導致一些意外的行為和性能問題。 如果您的標記項具有 name 屬性，您可以這樣做：

{
        this.state.markers.map(marker => (
          <MapView.Marker
            key={marker.name}
            coordinate={{longitude: marker.longitude, latitude: marker.latitude}}
            title={marker.title}
            description={marker.info}>
          </MapView.Marker>
        ))
}