NodeJS 在下一个js13中尝试访问async函数内部的redux状态时出错

3b6akqbq  于 2023-08-04  发布在  Node.js
关注(0)|答案(1)|浏览(109)
"use client"
import SearchResults from "./searchResults";
import axios from "axios";

import { useSelector } from "react-redux";

const getRecipe = async () => {
  const response = await axios.get(
    `https://api.edamam.com/api/recipes/v2?type=public&q=cake&app_id=API_ID&app_key=API_KEY`
  );
  const data = await response.data;

  return data;
};

const SearchRecipe = async () => {
  const recipes = await getRecipe();
  const searchTerm = useSelector((state) => state.recipe.value.searchTerm);
  return (
    <div>
      
    </div>
  );
};

export default SearchRecipe;

字符串
const searchTerm = useSelector((state)=> state.recipe.value.searchTerm);在这里,我试图从我使用redux工具包创建的切片中访问searchTerm状态,但当我运行此组件时错误:无法读取null的属性(阅读“useContext”)此错误表明它在另一个组件中工作正常。

vjrehmav

vjrehmav1#

不能将异步组件用于客户端代码。异步组件用于服务器端组件。
此外,在您的情况下,您应该使用useEffect来获取数据。

相关问题