,可以通过以下步骤实现:
const [array, setArray] = useState(['item1', 'item2', 'item3']);
const handleDelete = (index) => {
setArray(prevArray => prevArray.filter((_, i) => i !== index));
};
return (
<div>
{array.map((item, index) => (
<div key={index}>
{item}
<button onClick={() => handleDelete(index)}>删除</button>
</div>
))}
</div>
);
这样,当用户点击删除按钮时,handleDelete函数将被调用,并从数组中删除相应的元素。React将自动重新渲染组件以反映更新后的数组。
对于这个问题,腾讯云没有特定的产品或链接地址与之相关。
云+社区沙龙online [技术应变力]
Elastic 中国开发者大会
云+社区技术沙龙[第14期]
云+社区技术沙龙[第8期]
2023数字化与现代化公益直播讲堂第70讲
云+社区技术沙龙[第7期]
第四期Techo TVP开发者峰会
领取专属 10元无门槛券
手把手带您无忧上云