javascript - 为什么我收到警告“遇到两个孩子使用相同的密钥，‘1’。” 即使数组中只有一个元素

Question

我有一系列要打印的评论。但每次我不断收到这个警告：“遇到两个孩子用相同的钥匙，'1'。” 即使数组中只有一条评论。

我该如何解决？

let content = props.comments.map((comment) =>
        <Card key={props.product.id}  className="shadow" body>
            <p">{comment}</p>
        </Card>
    )

标签： javascriptreactjs

Answer 1

你可以做的另一件事是：

let content = props.comments.map((comment, i) =>
        <Card key={i}  className="shadow" body>
            <p">{comment}</p>
        </Card>
    )