在React.js中将ID添加到数组对象中,可以通过以下步骤实现:
const [data, setData] = useState([]);
const addIdToArray = (id) => {
setData([...data, { id }]);
};
<button onClick={() => addIdToArray(1)}>添加ID</button>
完整的示例代码如下:
import React, { useState } from 'react';
const App = () => {
const [data, setData] = useState([]);
const addIdToArray = (id) => {
setData([...data, { id }]);
};
return (
<div>
<button onClick={() => addIdToArray(1)}>添加ID</button>
<ul>
{data.map((item, index) => (
<li key={index}>{item.id}</li>
))}
</ul>
</div>
);
};
export default App;
这样,每次点击按钮时,就会将一个新的ID添加到数组对象中,并在页面上显示出来。
对于React.js中的数组操作,可以参考官方文档中的相关内容:Working with Lists
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云