生命周期和反应变量(状态和使用效果)

Question

我很难理解react的生命周期，我的问题可能是错误的逻辑(我来自php和web js)

项目摘要：使用某些过滤器重复从api（setInterval）获取信息，其中过滤器也是对api的请求的结果。

有车站，订单和当前站（来自UI）

我的问题是，在调度变量集时，不可能立即获得相同的变量。

// init app
....
useEffect(() =>
{
    listStations().then(() => {
        dispatch({type: 'setLoadedStations', state: true});
    });
},[]);
....

// events
...
useEffect(() =>
{
    listOrders(true);
},[state.loadedStations]);
...

// function
const listOrders = async (createJob?:boolean) => 
{
    let currentStationId = state.stations[state.currentStation].id;
    const orderList = await getOrders(currentStationId); 
    dispatch({type: 'setOrders', value: orderList});

    if(createJob) {
        setInterval(await listOrders, 4000);
    }
}

// UI
...
<IonButton
    onClick={
        (e: any) => {
            e.persist();
            dispatch({
                type: 'setCurrentStation',
                station: key
            });
        }
    }
>{station.title}</IonButton>
...

在 setInterval 中，它将始终是创建 setInterval 的相同状态.currentStation。即使后来当前站发生变化。

我尝试的另一个解决方案是添加一个清除，但它也没有用，因为变量不是“保存”。

// App.tsx
const App: React.FC = () => {
let jobId = 0;
...
// function
if(createJob) {
    if(jobId) clearInterval(jobId);
    jobId = setInterval(await listOrders, 4000);
}

正确的方法是什么？是否可以在没有用效果的情况下访问状态变量？

Answer 1

这行好像很奇怪< code > jobId = setInterval(await list orders，4000)；。你在那里想做什么。您也不能从< code>setTimeout或< code>setInterval返回值。

澄清

< code>setInterval和< code>setTimeout返回值，但不能返回值(< code>await listOrders)。