Reactjs 使用React挂钩的多个提取数据axios-渲染数据
根据前面的示例,我使用React钩子和axios从多个端点获取数据。 不过,我在渲染数据时遇到了问题 我有一个很好的例子,你可以看到这个问题。 有人能帮我指出.map()的错误所在吗 谢谢Reactjs 使用React挂钩的多个提取数据axios-渲染数据,reactjs,axios,react-hooks,Reactjs,Axios,React Hooks,根据前面的示例,我使用React钩子和axios从多个端点获取数据。 不过,我在渲染数据时遇到了问题 我有一个很好的例子,你可以看到这个问题。 有人能帮我指出.map()的错误所在吗 谢谢 setGitData({ data: respGlobal.data, repos: respGlobal.data }); respGlobal用于两个地方 {resp.data} 在JSX中不起作用,因为它是一个对象,需要一个字符串 完整工作示例: import React, { useState,
setGitData({ data: respGlobal.data, repos: respGlobal.data });
respGlobal
用于两个地方
{resp.data}
在JSX中不起作用,因为它是一个对象,需要一个字符串
完整工作示例:
import React, { useState, useEffect } from "react";
import ReactDOM from "react-dom";
import axios from "axios";
import "./styles.css";
const username = "mayankshubham";
function App() {
const [resp, setGitData] = useState({ data: null, repos: null });
useEffect(() => {
const fetchData = async () => {
const respGlobal = await axios(
`https://api.github.com/users/${username}`
);
const respRepos = await axios(
`https://api.github.com/users/${username}/repos`
);
setGitData({ data: respGlobal.data, repos: respRepos.data });
};
fetchData();
}, []);
console.log("render");
if (resp.data) {
console.log("d", resp.data, resp.repos);
}
return (
<div>
<h1>Hello </h1>
<div>{JSON.stringify(resp.data)}</div>
<br />
<div>{JSON.stringify(resp.repos)}</div>
</div>
);
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
import React,{useState,useffect}来自“React”;
从“react dom”导入react dom;
从“axios”导入axios;
导入“/styles.css”;
const username=“mayankshubham”;
函数App(){
const[resp,setGitData]=useState({data:null,repos:null});
useffect(()=>{
const fetchData=async()=>{
const respGlobal=等待axios(
`https://api.github.com/users/${username}`
);
const respRepos=等待axios(
`https://api.github.com/users/${username}/repos`
);
setGitData({data:respGlobal.data,repos:respRepos.data});
};
fetchData();
}, []);
控制台日志(“呈现”);
if(相应数据){
控制台日志(“d”,对应数据,对应回购);
}
返回(
你好
{JSON.stringify(resp.data)}
{JSON.stringify(resp.repos)}
);
}
const rootElement=document.getElementById(“根”);
render(,rootElement);
代码示例中的.map()在哪里?在问题中添加一个。这很好。非常感谢,我正在从另一个API获取数据,它确实起了作用。我基本上是按照React文档来呈现列表const{resp}=data;const bookList=data.map((genre,i)=>)代码>然后在返回中呈现`{bookList}`…&。map()正在抛出错误。。。。