如何更新数组中的对象答案

【问题标题】：How to update an object that is within an array如何更新数组中的对象
【发布时间】：2021-07-24 09:39:23
【问题描述】：

如何在 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>

)

};

【问题讨论】：

您是否收到任何控制台错误？

标签： javascript arrays reactjs object use-effect

【解决方案1】：

你可以使用 map 获取一个新数组，然后将它保存到 state 中，并在 JSX 中使用 state 变量。像这样的东西应该适合你

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>

)

};

【讨论】：