javascript - 如何删除React.js中当前的div？

Question

我是 React.js 新手，我想删除在 map 函数中生成的当前 div 。当我单击删除按钮时，它会删除数组数组的最后元素，而不是单击的元素。

这是我的代码:

{            
    this.state.array.map((item,index)=>{
                  return(
                    <div key={index}>
                      <Question />
                      <button onClick={() => { this.deleteRow(index); }}>DELETE</button>
                     </div>
                  );
                })
              }

这是我的删除功能

    deleteRow = (index) => {
        // make new rows. note: react state is immutable.
        let newArray = this.state.array;
       newArray.pop(newArray[index]);
        this.setState({
          array: newArray,
        });
        console.log(this.state.array);
      }

Answer 1

 <button onClick={() => this.deleteRow(item)}>DELETE</button>

更改此代码

deleteRow = (item) => {
    let newArray = this.state.array;
    let filtered = newArray.filter(a=>a.id!==item.id);
    this.setState({array: filtered});
  }