如何在 react.js 的單個對象中添加屬性？

Question

我想在類對象中添加一個元素

{ "userId": 1, "id": 1, "title": "sunt aut", "body": "quia et suscipit" }

我想要像下面

{ "userId": 1, "id": 1, "title": "sunt aut", "body": "quia et suscipit" "image": "image-name.jpg" }

let {postDetail} = useParams();
const url = `https://jsonplaceholder.typicode.com/posts/${postDetail}`;
const [details, setDetails] = useState([]);
useEffect(()=>{
    fetch(url)
    .then(res => res.json())
    .then(data => {
        setDetails(data => [...data, {"image":`${data.id}`}]);
    })
    
},[]);

Answer 1

我相信你覆蓋了data的價值。 看看這個：

useEffect(() => {
   fetch(url)
      .then(res => res.json())
      .then(res => {   // Rename this from "data" to "res" (or anything you like)
         setDetails([...details, { image: res.id }]);
      });
}, []);