[英]I am unable to access Json data and display it in table using axios in React
I am trying to access json data using hooks and display it in the我正在尝试使用挂钩访问 json 数据并将其显示在
tag but it is showing error-"TypeError: states.map is not a function".I also used Array.from() to convert my json to array and it did not showed any error but also did not display anything.标签,但它显示错误-“TypeError:states.map 不是函数”。我还使用 Array.from() 将我的 json 转换为数组,它没有显示任何错误,但也没有显示任何内容。
var rows=[{}];
export default function Mainpage() {
const [states, setstate] = useState([]);
const getLatestJSPost = () => {
const API_URL = "http://localhost:8080/Displaydo";
axios
.get(API_URL)
.then((response) => {
// rows = Array.from(response.data);
console.log(response.data);
setstate(response.data)
})
};
useEffect(() => {
getLatestJSPost();
}, [])
return (
<div>
<p>Hello</p>
{ states.map((ndata) => {
return <p key={ndata.doc_id}> {ndata.doc_id} </p>
})}
</div>
)
} }
The conole.log(response.data) looks like Output of console.log(response.data) conole.log(response.data) 看起来像console.log(response.data) 的 Output
you can do it this way:你可以这样做:
<div>
<p>Hello</p>
{states.length>0 && states.map((ndata) => {
return <p key={ndata.doc_id}> {ndata.doc_id} </p>
})}
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.