Javascript 列表中的每个孩子都应该有一个唯一的；“关键”；当每个密钥都已唯一时发出警告

有人能告诉我为什么列表中的每个孩子都应该有一个唯一的“键”属性，即使我为每个元素创建了一个唯一的键

我可以通过

keys[index]访问每个键。从
keys
对象数组中标记name

，并验证其唯一性

return (
    Object.entries(props.values).map(([key, value], index) => (
        <div>
            <span key={keys[index].span} />
            <p key={keys[index].p} />
        </div>
    ))
);

// key format "c98301e0-f2bd-4442-a829-407e6beecf0d"

返回(
Object.entries（props.values）.map（[key，value]，index）=>(

))
);
//密钥格式“c98301e0-f2bd-4442-a829-407e6beecf0d”

必须向父元素添加键属性。在您的情况下，这是一个

div

return (
    Object.entries(props.values).map(([key, value], index) => (
        <div key={keys[index].span} >
            <span/>
            <p key={keys[index].p} />
        </div>
    ))
);

返回(
Object.entries（props.values）.map（[key，value]，index）=>(

))
);

必须向父元素添加键属性。在您的情况下，这是一个

div

return (
    Object.entries(props.values).map(([key, value], index) => (
        <div key={keys[index].span} >
            <span/>
            <p key={keys[index].p} />
        </div>
    ))
);

返回(
Object.entries（props.values）.map（[key，value]，index）=>(

))
);

尝试将密钥放入div，也许这可以解决您的问题

return (
    Object.entries(props.values).map(([key, value], index) => (
        <div key={keys[index].span}>
            <span  />
            <p  />
        </div>
    ))
);

返回(
Object.entries（props.values）.map（[key，value]，index）=>(

))
);

尝试将密钥放入div，也许这可以解决您的问题

return (
    Object.entries(props.values).map(([key, value], index) => (
        <div key={keys[index].span}>
            <span  />
            <p  />
        </div>
    ))
);

返回(
Object.entries（props.values）.map（[key，value]，index）=>(

))
);

您必须将密钥添加到要返回的父级，此处为

div

return (
    Object.entries(props.values).map(([key, value], index) => (
        <div key={keys[index].div}>
            <span />
            <p />
        </div>
    ))
);

返回(
Object.entries（props.values）.map（[key，value]，index）=>(

))
);

您必须将密钥添加到要返回的父级，此处为

div

return (
    Object.entries(props.values).map(([key, value], index) => (
        <div key={keys[index].div}>
            <span />
            <p />
        </div>
    ))
);

返回(
Object.entries（props.values）.map（[key，value]，index）=>(

))
);

您不需要

span

和

p

上的键，只需要一个父

div

。另外，我相信在这种情况下，只要

键[索引]

就足够了，您不需要

span

和

p

上的键，只需要一个父

div

。另外，我相信在这种情况下，只有

键[索引]

应该足够了是的，当然，我没有想到，谢谢！是的，当然，我没有想到，谢谢！