react踩坑

发布时间：2020-12-15 16:16:49 所属栏目：百科来源：网络整理

导读：1、列表渲染一定要注意key的唯一性，不然会导致页面只更新部分的bug graphVertexConfigList.data.map((item,index) = { return VertexOrEdgeItem key = {item.schemaName} type = {type} item = {item} index = {index} colorSchemeIndex = {colorSchemeInde

1、列表渲染一定要注意key的唯一性，不然会导致页面只更新部分的bug

graphVertexConfigList.data.map((item,index) => {
                return <VertexOrEdgeItem
                  key={item.schemaName}
                  type={type}
                  item={item}
                  index={index}
                  colorSchemeIndex={colorSchemeIndex}
                  colorFlag={colorFlag}
                  onToggleColorFlag={this.handleToggleColorFlag.bind(this)}
                  onBatchSetConfig={this.handleBatchSetConfig.bind(this)}
                />

比如这里key的值为表名，但是新的graphVertexConfigList也会有相同的表名，这样就会导致页面只更新包含新的表名的数据

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!