Typescript react,如何设置数组的状态

你可以试着把你的论点放入数组中吗?

setEvents([
//--------^
  ...events, 
  {           
    id: w.id,
    title: w.name,
    date: w.dateOfWorkout
  }
]);

顺便说一句,即使它在工作,我也不会在映射(或任何其他循环)内调用setEvents,不应该这样使用它。

const createEvents = () => {
  setEvents([...events,
    workouts.map((w) => ({
      id: w.id,
      title: w.name,
      date: w.dateOfWorkout
    }))
  ]);
};

const newEvents = 
        workouts.map((w)=> ({
                ...events,
                id: w.id,
                title: w.name,
                date: w.dateOfWorkout
            })
        )

然后,您可以拨打:

setEvents(newEvents)

与其说是回答,不如说是感谢那些回答的人。使用你的答案,同时阅读更多关于react/mobx的内容。我意识到,为了实现我的目标,我需要做的是在我的WorkoutStore.ts中创建一个计算属性,如下所示:

@计算的获取事件(){ const data=this.workouts.map((w)=>({ 身份证号:w.id, 日期:工作日期 }))

    return data;
};

const {getWorkouts, events} = root.workoutStore;

    useEffect(() => {
        console.log("In here");
        if(match.params.id) {
            getWorkouts(match.params.id);
        }
    }, [match.params.id, getWorkouts])

安装之后,我现在可以轻松地 events={events} 在我的完整日历组件中。将其转移到存储区的原因是,否则(我假设是由于操作顺序等原因),workout对象总是空的,因此没有从中计算事件。

再次感谢麦克斯,感谢蒙蒂把我引向正确的方向