Javascript React.js在从列表中删除行后更新UI

我是新的反应，我有一个反应组件，生成一个列表。该列表生成了一个delete按钮，绑定到事件处理程序。单击按钮时，我传入要删除的行的id，然后将其删除。我正在努力解决的问题是，一旦行从列表中删除，如何更新列表

这样做的最佳做法是什么？我已经创建了一个列表，但遗憾的是它没有呈现我的列表

谢谢你的帮助

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

---

如评论中所述，使用

状态

而不是

道具

但这个问题的直接答案是使用：

this.forceUpdate（）
如中所述：“……道具是不可变的：它们从父级传递，并由父级“拥有”。为了实现交互，我们将可变状态引入组件。”因此，当您有一个具有可变状态的组件（如您的组件）时，您必须使用状态而不是道具。