从另一个 ActionCreator 调用一个 ActionCreator

Question

我需要从另一个人那里调用 ActionCreator

ducks/products.ts - 产品的 ActionCreator 和 Reducers...

import { setStock } from './Store.ts';
//....
export const addProduct = (product: IProduct) => async (
  dispatch: Dispatch,
  getState: () => IState,
  { auth }: IServices
) => {
    dispatch(fetchStart());

    const response = await Axios.post('/api/products', product)

    const producto = response.data as IDataProduct

    // # I need to call SetStock() 
    // # [Try 1] to Call
    setStock(producto)

    // # [Try 2] to Call
    // return (dispatch2: any) => {
      //  dispatch2(
         //setStock(producto._id)
        //  )
    // }

    dispatch(fetchSucess(producto))
};

我看到一个例子，使用了try 2，但是不起作用，first try什么也没做，

ducks/stores.ts

export const setStock = (product: any) => async (
  dispatch: Dispatch,
  getState: () => any,
  { auth, db }: IServices
) => {
  console.log('INIT SETSTOCKACTIONCREATOR....')
  dispatch(fetchStart());
  try {
    const ref = db.collection("stores").doc(storeId);    
    await ref.update({ [product._id]: product.newStock });

    dispatch(updateSucess({ _id: storeId, stock: product.newStock, productId: product.productId }));

  } catch (error) {    
    dispatch(fetchError(error));
  }
};

我无法执行 Dispatch(setStock(producto))，因为我从打字稿中得到以下信息：

'(dispatch: Dispatch, getState: () => any, { auth, db }: IServices) => Promise' 类型的参数不可分配给'AnyAction' 类型的参数。

类型 '(dispatch: Dispatch, getState: () => any, { auth, db }: IServices) => Promise' 中缺少属性 'type' 但在类型 'AnyAction' 中是必需的

Answer 1

您只需要像 dispatch(setStock(producto._id)) 这样发送 setStock 操作，这与您为 fetchStart 执行的操作类似

export const addProduct = (product: IProduct) => async (
  dispatch: ThunkAction<Promise<void>, {}, {}, AnyAction>,
  getState: () => IState,
  { auth }: IServices
) => {
    dispatch(fetchStart());

    const response = await Axios.post('/api/products', product)

    const producto = response.data as IDataProduct

    dispatch(setStock(producto._id))


    dispatch(fetchSucess(producto))
};