从列表中删除一行后更新UI

React.js Updating UI after removing a row form a list

本文关键字：一行 更新 UI 列表 删除      更新时间：2023-09-26

我是react的新手，我有一个生成列表的react组件。该列表生成了一个删除按钮，绑定到一个事件处理程序。当单击按钮时，我传入要删除的行id，然后将其删除。我正在努力的部分是如何更新列表一旦行已经从它被删除?

做这件事的最佳实践反应方式是什么?我创建了一个小提琴，但遗憾的是它没有呈现我的列表。

Thanks for the help

var clickHandler = function(ev){
    var idx = ev.dispatchMarker.split('$')[1];
    data.splice( idx, 1 ); ///remove the row
    //how to update the ui?
};

就像评论里说的，用state代替props。

但是直接回答这个问题是使用:this.forceUpdate();

相关文章：