react踩坑

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也会有相同的表名,这样就会导致页面只更新包含新的表名的数据

原文地址:https://www.cnblogs.com/ruoshuisanqian/p/11130673.html