i have a problem with pushing object to array.. i want a result like this..
[{b:"a"},{b:"c"}]
with this code
const [list, setList] - useState({occupation_id: ""});
const handleAdd = () => {
let arr = [];
const newData = {...list};
newData[e.target.id] = e.target.value;
arr.push(newData);
setList(arr);
}
but the result from the code below is
[{{occupation_id: "2"}, occupation_id: "1"}]
what the problem with my code?
You can solve it easily with this solution, Try this:
const [list, setList] = useState([]); // your initial data
const handleAdd = () => {
setList([...list, {e.target.id:e.target.value}]);
}
Try this :
const [list, setList] = useState([]);
const handleAdd = () => {
setList([...list, {[e.target.id]:e.target.value}]);
}
const [list, setList] = useState([{occupation_id: "1"}, {occupation_id: "2"}]);
const handleAdd = (id, value) => {
const newData = [...list]
newData.push({id, value});
setList(newData);
console.log(newData)
}