反應本機功能組件 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'),
    });