当前位置 : 主页 > 网页制作 > React >

react踩坑

来源:互联网 收集:自由互联 发布时间:2021-06-15
1、列表渲染一定要注意key的唯一性,不然会导致页面只更新部分的bug graphVertexConfigList.data.map((item, index) = { return VertexOrEdgeItem key = {item.schemaName} type = {type} item = {item} index = {index} colorSc

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

网友评论