Reactjs 如何删除表中的特定行？

我想删除React中的一行。它会删除，但在我刷新页面之前不会呈现。我想删除它而不需要刷新

我的反应代码：

deleteFromDb(row_id) {
    fetch('/deleteNotes', {
      method: 'post',
      headers: {'Content-Type':'application/json', 'Accept': 'application/json'},
      body: JSON.stringify({id: row_id}),
    }).then(res => res.json()).catch(error => {
      console.error('Error:', error);
  })
  .then(response => {
      console.log(response);
  }) 
  
  }

---

如果

myNotesArray

是一个“todo”对象数组，而

row\u id

是数组中

todo

的索引，则可以这样简单地对其进行过滤：

this.setState(prevState => ({
  myNotesArray: prevState.myNotesArray.filter((todo, i) => i !== row_id)
}));

或者，如果“todo”实际上有自己的

id

s

this.setState(prevState => ({
  myNotesArray: prevState.myNotesArray.filter(todo => todo.id !== row_id)
}));

---

如果您正在发送API调用以删除记录，请单击删除按钮。删除成功时需要调用get list of rows API，该API将在db中显示正确的数据。为什么需要

Object.values（this.state.myNotesArray）

？你能用样本数据制作一个codesandbox吗？我只是试着这样做，因为它在我填表时起作用。它是一个对象数组，所以过滤器和数组一起工作，这就是它给出错误的原因。我的代码真的很长，所以这就是为什么我没有发布哦，我忘了更改代码。我已经像你一样写了它，但它给出了“prevState.myNotesArray.filter不是函数”错误，所以我像我的代码一样修改了它，但它仍然不工作。请分享状态结构和问题中的实际代码。我分享了必要的部分