Javascript 反应错误：未能执行'；插入前'；在'；节点'；：要在其前面插入新节点的节点不是此节点的子节点

我试图映射从api调用得到的响应。我想在这张地图上渲染div。这就是我的代码的样子

<div data-simplebar className="img-scroll">
    {this.state.imageSearchResults.items.map((item, ind) => {
        return <div className="image-square" style={{backgroundImage:`url(${this.state.imageSearchResults.items[0].link})`}}></div>
    })}
</div>

---

这有什么问题？我过去也做过同样的映射，从来没有出现过这样的错误。

请给孩子们添加一个合理的

键
道具。

您使用的是simplebar插件，它改变了DOM树，并破坏了响应。尝试将包用于React“simplebar React”，因为它工作正常

import SimpleBar from 'simplebar-react';

<SimpleBar>
    ...
</SimpleBar>

从“SimpleBar react”导入SimpleBar；
...


如果有人在Google Chrome中翻译页面时偶然发现这个问题，很可能与此有关：


Chrome团队尚未解决的老问题

我也有同样的问题，但在我的例子中，这是因为父DIV有其他元素，而不是
map
函数的结果。我已经创建了一个内部DIV，并在其中包含了
map
，然后错误就消失了。
import SimpleBar from 'simplebar-react';

<SimpleBar>
    ...
</SimpleBar>