如何更新數組中的 object

Question

如何將數據放入 javaScript 的數組中的 object 值中？ 我正在使用 axios 和 useEffect 掛鈎從后端獲取數據！ 獲取數據我需要將該數據推送到陣列內部的 object 中！ 我寫的代碼不起作用而且無知！ 有一個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>

)

};

Answer 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>

)

};