單擊跨度時，我想從陣列中洗掉該元素并再次運行地圖，以便跨度也被洗掉。我不知道是語法錯誤還是什么。這是我撰寫代碼的沙箱的鏈接。
import { useState } from "react";
import "./styles.css";
export default function App() {
const [data, setData] = useState([
{
name: "Alex",
},
{
name: "John",
},
{
name: "Leo",
},
{
name: "Murphy",
},
{
name: "Alex",
},
{
name: "John",
},
{
name: "Leo",
},
{
name: "Murphy",
},
]);
const removeItem = (index) => {
setData(data.filter((o, i) => index !== i));
};
return (
<div className="App">
{data.map(function (val, id) {
return (
<span
key={id}
className="select__item"
onClick={() => removeItem(id)}>
{val.name} <br />
<br />
</span>
);
})}
</div>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/390698.html
標籤：javascript 数组 反应 映射