ActionCreator和Actions可以与Redux混合吗？

Question

我的经验主要是使用React Hooks

在一个新项目中，我必须使用React钩子

export const fetchCompanies: ActionCreatorThunk = () => {
  return function (dispatch, getState) {
    dispatch({ type: FETCH_COMPANIES_REQUEST });

    requests
      .get(
        `${requests.API_ROOT()}companies`,
        null,
        true
      )
      .then((response) => {
        dispatch({ type: FETCH_COMPANIES_SUCCESS, payload: response.data.companies });
      })
      .catch((error) => {
        console.error(error);
        dispatch({ type: FETCH_COMPANIES_FAILURE, payload: error.response });
      });
  };
};

这很有效。

我的情况是这样的：我需要一个动作来创建一个“空”公司，所以没有必要创建一个动作创造者。因此，我创建了一个这样的行动：

export const INIT_EMPTY_COMPANY: ActionType = 'INIT_EMPTY_COMPANY';
export type InitEmptyCompanyAction = { type: typeof INIT_EMPTY_COMPANY };

对于Action Creator，我从useffect内部调用它，如下所示：

dispatchRedux(fetchCompanies());

对于这个动作，我想我可以用一种类似于我总是用上下文来称呼动作的方式来称呼它，比如：

dispatchRedux({ type: InitEmptyServiceFormAction });

不幸的是，我遇到了这个流错误：“无法从值位置引用typeInitEmptyCompanyAction[1]”

我做错了什么？我如何解决这个问题？

Answer 1

我想出来了，但我觉得自己很傻，因为我以前没有看到它。不知何故，我在脑海中意识到，INIT_EMPTY_COMPANY是一种类型。它确实有一个类型，即ActionType，但它本身不是一个类型。我的失败是尝试将其作为类型导入。

我想需要更多的睡眠！