如何更新数组中的对象
如何更新数组中的对象
提问于 2021-05-01 16:07:05
如何在javaScript中将数据放入数组中的对象值？我使用axios和useEffect钩子从后端获取数据！获取我需要的数据，将这些数据放入数组中的一个对象中！我写的代码不起作用，而且很愚蠢！这里有一个JS问题！
const Articles = () => {
const [articleData, setArticleData] = useState([]);
useEffect(() => {
const fetchBlogs = async () => {
try {
const res = await axios.get(
`${process.env.REACT_APP_API_URL}/article/list/all`
);
setArticleData(res.data);
} catch (err) {}
};
fetchBlogs();
}, []);
for (let article in articleData) {
data: [
{
key: article._id,
title: article.title,
author_username: article.author_username,
category: article.category_name,
subcategory: article.subCategory_name,
publication_date: article.publication,
},
],
}
return (
<div className='articles'>
<Table
columns={columns}
dataSource={data}
size='large'
/>
</div>
)
};回答 1
Stack Overflow用户
回答已采纳
发布于 2021-05-01 16:17:41
您可以使用map获取一个新数组，然后将其保存到状态并使用JSX中的状态变量。这样的东西对你来说应该是有效的
const Articles = () => {
const [articleData, setArticleData] = useState([]);
useEffect(() => {
const fetchBlogs = async () => {
try {
const res = await axios.get(
`${process.env.REACT_APP_API_URL}/article/list/all`
);
setArticleData(res.data.map(article => ({
key: article._id,
title: article.title,
author_username: article.author_username,
category: article.category_name,
subcategory: article.subCategory_name,
publication_date: article.publication,
})));
} catch (err) {}
};
fetchBlogs();
}, []);
return (
<div className='articles'>
<Table
columns={columns}
dataSource={articleData}
size='large'
/>
</div>
)
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67344148
复制相关文章
相似问题
腾讯云开发者
