是否有可能重新渲染一个元素一个数组的,阻止其他人重新渲染?
Example:拥有 500 个数组<Card>
组件和编辑<Card>
编号 27(更新myArray
道具),我愿意仅重新渲染 <Card>
27号。
render = () => {
this.props.myArray.map(card => {
return <Cards key={card.id} ...card />
})
}
就我而言,<Card>
组件有点重,如果它们没有单独更改,我想避免重新渲染它们,但一旦myArray
道具变化和火灾render()
方法,每一个<Card>
正在重新渲染,导致每个上都出现一些性能问题<Card>
change.
最后我通过使用解决了这个问题shouldComponentUpdate()
中的方法Card
正如加布里埃尔建议的那样,即使Card
组件是更新数组的一部分,如果shouldComponentUpdate()
回报false
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)