Reactjs 组件异常错误:如果要呈现子对象的集合,则对象作为React子对象无效(founs:具有键{{U U,{U V,{U W,{U X}的对象)

Reactjs 组件异常错误:如果要呈现子对象的集合,则对象作为React子对象无效(founs:具有键{{U U,{U V,{U W,{U X}的对象),reactjs,react-native,api,async-await,fetch,Reactjs,React Native,Api,Async Await,Fetch,#组件异常错误:对象作为React子对象无效(founs:具有键{{U U,{U V,{U W,{U X}的对象)。如果要呈现子对象集合,请改用数组# 您需要从getVideos() 不能在常规函数中使用钩子,它必须是以下函数之一: 反应功能组件 自定义React钩子函数 有关更多详细信息,请参阅 试试这个可以解决你的错误 //将useState置于getVideos函数之外 const[videos,setVideos]=useState([]); const getVideos=asy

#组件异常错误:对象作为React子对象无效(founs:具有键{{U U,{U V,{U W,{U X}的对象)。如果要呈现子对象集合,请改用数组#


您需要从
getVideos()

不能在常规函数中使用钩子,它必须是以下函数之一:

  • 反应功能组件
  • 自定义React钩子函数
有关更多详细信息,请参阅

试试这个可以解决你的错误


//将useState置于getVideos函数之外
const[videos,setVideos]=useState([]);
const getVideos=async()=>{
};

我认为问题出在你的render()中,请共享它确定它的工作是同一个错误?现在它的工作谢谢好的,欢迎。
  const [videos, setVideos] = useState([]);

  const getVideos = async () => {
  try {
    let response = await fetch(url, {
      method: "GET",
      headers: {
        Accept: "application/json",
        "Content-Type": "application/json",
        "Authorization": `Bearer ${store.getState().jwt}`
      },
    })
    let json = await response.json();
    // this.setState({ message: json});
    setVideos(json);
    alert(json[0].title.toString());

  } catch (error) {
     alert(error);
  }
};

getVideos();