React使用问题记录

react中的key问题

已经确定key值唯一，但还是报错

    如图所示，已经确保了key值唯一，但是使用却报错：

解决思路

    查看代码是否以空标签开头,空标签也会被react当作标签对待，空标签不能页没必要加上key值，但是react会认为空标签作为当前循环内容的起始标签应具备key值，这就导致会报上面的问题。

//这个方法用于返回循环一次产生的内容
headerMenu(item){
        if (item.enable){
        	//这里返回时先使用了一个空标签<></>
            return <><Menu.Item  key={item.key}  style={{
                    color: "white",background: "#9A000C", borderRadius: "0",
                    margin: "0", fontSize: "20px"}}>
                    {item.title}
                </Menu.Item></>
        }else{
            return <></>
        }

    }