ReactJS：找到“列表中的每个孩子都应该有一个唯一的‘关键’道具”

Question

在使用 ReactJS 时我有一个特殊的问题。 正如主题中已经标记的那样，我有一个错误，称为： "列表中的每个孩子都应该有一个唯一的 'key' 道具"

我已经知道问题所在并且知道如何解决它。 我唯一想知道的是如何找到这个错误？ 我想知道那个错误在哪个文件和哪一行。 我在控制台中收到一些错误日志，但它不指向我的本地文件。 我已经使用源地图进行了很多测试，但没有成功。

例如，这是我的错误： errorImage

当我点击以下行时：

at PermissionTable (webpack-internal:///./src/PermissionTable.js:13:26)

我将转发到以下屏幕： debugScreen

是否有可能以某种方式获得直接位置？

感谢您的支持

问候 丹尼尔

Answer 1

我不认为有 quick 或 direct 方法可以找到它

从错误消息中，您将返回您的 IDE (VSCode)，然后搜索 PermissionTable 组件

然后搜索任何不返回包含key 的元素的map() 函数。