反应本机功能组件 useState 不更新

Question

这是我的 state object。

 const [track_record, setTrackRecord] = useState({
    id: '1',
    name: '',
    date: '',
    time: '',
    start_address: '',
    end_address: '',
    distance: '0',
    duration: '0',
    avg_speed: '0',
    max_speed: '0',
    min_speed: '0',
    coordinates: [],
  });

这是我更新它的 function。

 setTrackRecord(prev => ({
      ...prev,
      name: `Track ${tracks.length + 1}`,
      date: moment().format('DD-MM-YYYY'),
      time: moment().format('hh:mm'),
    }));

每次我安慰它时，它都有相同的值。

Answer 1

您可以使用 track_record 和 append 其他数据设置 prev 数据及其更新值，如下所示：

setTrackRecord({
      ...track_record,
      name: `Track ${tracks.length + 1}`,
      date: moment().format('DD-MM-YYYY'),
      time: moment().format('hh:mm'),
    });