arrays - react : Update element of array without rerendering other array elements

Question

是否可以重新渲染一个元素 数组，防止其他人重新渲染 ?

示例:有 500 个数组 <Card>组件和编辑 <Card> 27号(更新myArray Prop )，我要仅重新渲染 <Card> 27号。

render = () => {
    this.props.myArray.map(card => {
        return <Cards key={card.id} ...card />
    })
}

就我而言， <Card>组件有点重，如果它们没有单独更改，我想避免重新渲染它们，但尽快 myArray Prop 变化和火灾 render()方法，每一个 <Card>正在重新渲染，导致每个 <Card> 出现一些性能问题改变。

Answer 1

最后我通过使用 shouldComponentUpdate() 解决了这个问题Card 中的方法Gabriele 建议的组件，即使 Card组件是更新数组的一部分，如果 shouldComponentUpdate() 它将保持先前呈现的状态返回 false .