React rerender特定组件

Question

我有一个控制器，它呈现一个表和动作按钮。该表具有带复选框的行下级。这是我的渲染函数：

render() {
        <div>
            <Table items={this.props.items}></Table>
            <Actions selectedItems={_.filter(this.props.items, i => i.selected)}
        </div>
}

通过检查每一行，我用一个'selected‘属性更新了列表中的项。但是现在，如果我想要更改选定的指示，我必须重新呈现所有容器，包括表。如何才能在不渲染整个表的情况下做到这一点？(仅渲染FloatingActions)

这是我的redux映射：

谢谢。

Answer 1

您应该使用react key属性，并为每一行提供一个唯一键。

在本例中，React调用Table的render方法，但只在DOM中重新呈现更改过的行。

看看here吧。