Question

未处理的拒绝：操作未定义 React js 和 Redux

2020-05-28

297

javascript reactjs redux react-redux

我是 Redux 新手，遇到了这个问题，但似乎找不到解决方案。

我在 thunk 中调用了几个 API，它们都运行正常。然而，这个失败了。它与其他的不同之处在于，我正在实现一个使用有效负载的搜索功能。我尝试调试它，但似乎找不到错误发生的确切位置。

这是我在屏幕上看到的错误：

这些是搜索组件中的操作、reducer 和代码：

这是将组件连接到存储并访问状态和操作的逻辑：

肯定是我没有完全理解的东西，我希望你能理解这一点。

Answer 1

您应该将 action.loadSearchResults.result 更改为 action.searchResults.result 。我假设您在 HomePageApi.searchResults(searchInput) 的响应中获得一个名为 result 的键。

我知道这一点，因为在您的操作中有此代码：

export function searchMoviewResultsSuccess(searchResults) {
  return {
    type: types.SEARCH_RESULTS_SUCCESS,
    searchResults: searchResults // This is the key you should get in your reducer not `loadSearchResults`
  }
}