如何在 react.js 的单个对象中添加属性？

Question

I want to add an element in the object-like

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

I want like below

{ "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

I believe that you override the value of data . Take a look at this:

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