reactjs - 预期 0 个参数，但在将参数传递给 redux 工具包存储中的异步函数时得到 1

Question

我正在使用 Redux Toolkit + Typescript + React 创建一个项目。我有在我的 moviesSlice (作为 redux 工具包商店的一部分)中获取电影的函数，它以 movieId 作为参数。当我尝试在我的组件中调度这个函数并传递这个 id 时，TypeScript 显示一个错误:Expected 0 arguments, but got 1。我该如何解决？谢谢

// moviesSlice.tsx

export const fetchMovie = createAsyncThunk(
  "people/fetchPerson",
  async (movieId) => {
    try {
      const response = await axios(`${BASE_URL}/films/${movieId}`);
      return response.data;
    } catch (error) {
      console.log(error);
    }
  }
);

// store.tsx
export const store = configureStore({
  reducer: {
    people: peopleReducer,
    movies: moviesReducer,
    planets: planetsReducer,
  },
});

// Movie.tsx
useEffect(() => {
    dispatch(fetchMovie(movieId));
  }, []);

Answer 1

这是 typescript 。给你的参数一个类型 - 否则创建的 thunk Action 创建者将不知道该怎么做:

export const fetchMovie = createAsyncThunk(
  "people/fetchPerson",
  async (movieId: string) => {
    try {
      const response = await axios(`${BASE_URL}/films/${movieId}`);
      return response.data;
    } catch (error) {
      console.log(error);
    }
  }
);