我正在嘗試在 DoubleClick 事件上拼接我的列表（庫(kù)存）中的一個(gè)項(xiàng)目，但有些東西無(wú)法正常工作。如果有人能如此友善并幫助我弄清楚我在這里做錯(cuò)了什么，那就太好了。對(duì)于信息：當(dāng)我嘗試切片一個(gè)項(xiàng)目時(shí)，它會(huì)被切片，但每次第一個(gè)項(xiàng)目和第二個(gè)項(xiàng)目都會(huì)丟失里面的所有內(nèi)容：    function Inventory() {    const [datas, setData] = useState([      {        id: 1,         label: "Sword",        itemname: "grey_sword",        pieces: 1,        type: "weapon",      },      {        id: 2,         label: "Knife",        itemname: "grey_knife",        pieces: 1,        type: "weapon",      },    ]);    useEffect(() => {      const getItems = (data) => {        setData(data);      } // this section is for something else    }, [datas]);    const deleteItem = (index) => {      const test = ([], datas)      test.splice(index, 1)      setData([{test : datas}]);    }    const renderItem= (data, index) => {      return (        <Item          key={data.id}          id={data.id}          type={data.type}          label={data.label}          index={index}          name={data.itemname}          pieces={data.pieces}          deleteItem={deleteItem}        />      )    }    return (        <div className="inventory-holder">            <div className="inventory-main">              <div className="inventory-information">                <div className="inventory-title">                  Inventory                </div>                <div className="inventory-weight-info">                  0.20 kg / 1.00 kg                </div>                <div className="inventory-buttons">                  <button className="refresh-button" tabIndex="-1"><FontAwesomeIcon icon={faRedo} /></button>                  <button className="close-button" tabIndex="-1"><FontAwesomeIcon icon={faTimes} /></button>                </div>              </div>              <div className="items-holder">                <div>{datas.map((data, i) => renderItem(data, i))}</div>              </div>          </div>        </div>    )}export default Inventory;