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

Posted 2023-01-24

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

我在thunk中有几个API调用，它们都工作正常。然而，这一失败。在实现使用有效负载的搜索功能的意义上，它与其他功能有所不同。我已经尝试调试它，但似乎找不到确切发生错误的位置。

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

这些是搜索组件中的动作，归约器和代码：

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

肯定是我没有完全理解的东西，希望您对此有所了解。

答案

您应将action.loadSearchResults.result更改为action.searchResults.result。我假设有一个名为result的密钥，您正在从HomePageApi.searchResults(searchInput)的响应中获得。

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

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