我試圖從項目列表中刪除一個項目,但它似乎不起作用。我有一個頁面,我可以在其中動態(tài)添加條目,也可以單獨刪除項目。添加似乎工作正常。沙盒:https : //codesandbox.io/s/angry-heyrovsky-r7b4k代碼import React from "react";import ReactDOM from "react-dom";class App extends React.Component { constructor(props) { super(props); this.state = { value: "", values: [] }; } onChange = event => { this.setState({ value: event.currentTarget.value }); }; onAdd = () => { this.setState({ value: "", values: [...this.state.values, this.state.value] }); }; onRemove = index => { console.log(index); let { values } = this.state; let filteredIDs = values.splice(index, 1); this.setState({ values: filteredIDs }); }; render() { let { values, value } = this.state; return ( <> <input required placeholder="xyz@example.com" value={value} onChange={this.onChange} /> <button onClick={this.onAdd}>Add</button> <div> <ul className="email-list-holder wd-minus-150"> {values.map((value, index) => ( <li key={index}> {value} <button onClick={() => this.onRemove(index)} style={{ cursor: "pointer" }} > Remove </button> </li> ))} </ul> </div> </> ); }}
從項目數(shù)組中刪除項目不起作用
白衣非少年
2021-10-21 10:46:52