调度后，组件中的状态值将更新

Question

我在一个组件中具有一个函数，该功能将条目添加到我的状态1（在REDUX中通过RTK）。

API向我返回了此新条目的自动生成的ID，然后将其添加到状态1。

然后，我需要使用上面提到的状态1条目在第二个状态2（链接表）中创建一个条目（链接表）。

我的问题是，我的状态1在组件中没有直接更新，并且仅在完成整个功能后才进行更新，因此我无法在正确的时刻访问状态1的新条目的ID。

如何访问此新值，尤其是组件功能中的ID？

状态1

const spectacles = useAppSelector(spectacleSelector.selectAll);

函数在状态中添加条目1

const handleCreateClick = () => {
    MySwal.fire({
// not needed code
    }).then((result) => {
        if (result.isConfirmed) {
            dispatch(createSpectacleAsync(result.value!))
                .then(() => dispatch(createSiteDeTirAsync({ id_Spe: spectacles[spectacles.length - 1]?.id!, code: "C" })))
                .then(() => navigate(`/spectacles/${spectacles[spectacles.length - 1]?.id!}`));
        }
    });
};

async thunk函数以在状态中创建条目1

export const createSpectacleAsync = createAsyncThunk<Spectacle, string>(
    'artifices/createSpectacleAsync',
    async (title: any, thunkAPI) => {
        try {
            return await agent.Spectacle.createSpectacle({ Titre: title });
        } catch (error: any) {
            return thunkAPI.rejectWithValue({error: error.data})
        }
    }
)

extruareducer来管理新的API返回的条目

builder.addCase(createSpectacleAsync.fulfilled, (state, action) => {
    spectacleAdapter.addOne(state, action.payload);
    state.status = 'idle';
});