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

Question

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

最佳做法是如何做出反应的？我创建了一个fiddle，但遗憾的是它没有呈现我的列表。

感谢您的帮助

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

Answer 1

如评论中所述，请使用state代替props。

但问题的直接答案是使用：this.forceUpdate();