将 object 推送到 reactjs 中的数组？

Question

我在将 object 推送到数组时遇到问题..我想要这样的结果.. [{b:"a"},{b:"c"}]

使用此代码

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);
}

但是下面代码的结果是

[{{occupation_id: "2"}, occupation_id: "1"}]

我的代码有什么问题？

Answer 1

您可以使用此解决方案轻松解决它，试试这个：

const [list, setList] = useState([]); // your initial data
const handleAdd = () => {
 setList([...list, {e.target.id:e.target.value}]);
}

Answer 2

尝试这个：

const [list, setList] = useState([]);
const handleAdd = () => {
 setList([...list, {[e.target.id]:e.target.value}]);
}

Answer 3

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)
}

Answer 4

像数组一样定义 state：这可行

const [list, setList] = useState([{occupation_id: "2"}]);

const handleAdd = (e) => setList([...list, { e.target.name: e.target.value }])