如何在 React 中創建 tui-calendar 創建彈出窗口

Question

我正在使用tui-calendar為我的應用程序創建自定義彈出窗口

這是我的代碼：

    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

由於您使用的是鈎子，因此您可以在useEffect newSchedule調用createSchedules 。 並從回調中刪除邏輯。

無論值如何，每次newSchedule更改時都會運行，因此您可能需要一些條件邏輯。

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