reactjs - 我有这个错误： Uncaught TypeError: e.lngLat is not a function or its return value is not iterable at handleAddClick (App.js:42:1)

Question

const handleAddClick = (e) =>{   
const [lat, long] =  e.lngLat;<=errr
setNewPlace({lat,long
     });
  };

当我单击新位置以提取纬度和经度并在弹出窗口中显示结果时，我想创建一个事件。

console.log(e.lngLat)
Po {lng: 21.940196455078166, lat: 47.07052843855962}
lat: 47.07052843855962
lng: 21.940196455078166
[[Prototype]]: Object
constructor: class Po
distanceTo: ƒ distanceTo(t)
toArray: ƒ toArray()
toBounds: ƒ toBounds()
toString: ƒ toString()
wrap: ƒ wrap()
[[Prototype]]: Object

Answer 1

您应该使用对象解构而不是数组。

const { lat, lng: long } = e.lngLat;

const handleAddClick = (e) => {
  const [lat, long] = e.lngLat;
  setNewPlace({ lat, long });
};