javascript - 无法在 React/Javascript 中传播 KVP 数组

Question

我正在研究一种逻辑，在该逻辑中我正在迭代数组，并且需要在 map 上添加长/纬度作为标记。为了独特性，我将它们插入数组，但我不知道为什么我下次无法传播它。

this.setState((state) => {
    var tripEndFlags = [...this.state.tripEndFlags];

    if (point.ShowTripEndFlag) {
        console.log('tripEndFlags', tripEndFlags);

        tripEndFlags[point.latitude + "-" + point.longitude] = {
            latitude: point.latitude,
            longitude: point.longitude,
        };
    }

    return {
        index: state.index + 1,
        cordinates: [...state.cordinates, {
            latitude: point.latitude,
            longitude: point.longitude,
        }],
        tripEndFlags: tripEndFlags,
    };
}, () => {
    console.log('endFlags', this.state.tripEndFlags);
    this.props.AnimateCamera(point);
});

输出:它在开始时将 endFlags 打印为空数组，因为没有条件不匹配，但后来它设置然后重置数组。

endFlags [24.943138299999998-67.0789016: {…}]

稍后它开始像以前一样显示 endFlags []

Answer 1

For uniqueness I am pushing them in array

数组元素不是唯一的[0,0,1]完全有效(例如，您将如何存储向量？)。我认为您混淆了数组([]，按索引排序的值存储)和对象({}，键值存储)

类似 var tripEndFlags = {...this.state.tripEndFlags} 会更正确。