redux - 第一次完成后如何调用 RTK 突变

Question

我正在使用 REDUX-TOOLKIT-QUERY，现在我有一种情况，我必须调用一个突变。一旦该突变返回响应，我必须在其他三个突变中使用该响应作为请求参数。我们如何才能以正确的方式实现它？

const [getSettings, { isLoading, data: Settings }] =useSettingsMutation();
  const [getMenu] =useMenuMutation();
  const [getServices] = useServicesMutation();
  useEffect(() => {
    const obj = {
      Name: "someNme",
    };
    if (obj) getSettings(obj);
    if (Settings?._id ) {
      const id = settings._id;
       getServices(id);
     getMenu(id);
     getServices(id);
    }
  }, []);

Answer 1

useMutation会返回一个promise，你可以直接等待这个promise得到返回结果:

const [getSettings, { isLoading, data: Settings }] = useSettingsMutation()
const [getMenu] = useMenuMutation()
const [getServices] = useServicesMutation()
useEffect(() => {
  ;(async () => {
    try {
      const obj = {
        Name: 'someNme',
      }
      const data = await getSettings(obj).unwrap()
      if (data._id !== undefined) {
        const id = data._id
        getServices(id)
        getMenu(id)
        getServices(id)
        // ...
      }
    } catch (err) {
      // ...
    }
  })()
}, [])