,可以通过以下步骤实现:
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将自动重新渲染组件以反映更新后的数组。
对于这个问题,腾讯云没有特定的产品或链接地址与之相关。
领取专属 10元无门槛券
手把手带您无忧上云