如何在creation中创建tui日历

Question

我正在使用自定义弹出为我的应用程序创建图历

这是我的密码：

    const onBeforeCreateSchedule = useCallback(data => {
        setScheduleData({
            start: data.start.toDate(),
            end: data.end.toDate(),
        });
        setCreateScheduleModalVisible(true);
        console.log(newSchedule);
 props.calendarRef.current.calendarInst.createSchedules([newSchedule]);
    }, [newSchedule, props.calendarRef]);

我只需要开始和结束的时间，我的弹出创造时间表。scheduleData将作为工具传递给弹出组件。

如何使createSchedules()方法等待弹出返回newSchedule来创建新的计划？这一次console.log(newSchedule);将返回null；

谢谢和最诚挚的问候

Answer 1

由于您使用的是钩子，所以只需在newSchedule上添加一个单独的newSchedule来调用createSchedules。并从回调中删除逻辑。

这将在每次newSchedule更改时运行，而不管值如何，因此这里可能需要一些条件逻辑。

useEffect(() => {
  props.calendarRef.current.calendarInst.createSchedules([newSchedule]);
}, [newSchedule])