javascript - react 错误:无法在 'insertBefore'上执行 'Node':要在其之前插入新节点的节点不是该节点的子节点

我正在尝试映射从api调用获得的响应。我想在这张 map 上渲染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>

我说错了

Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

这有什么问题？我过去曾经做过相同的映射，但从未遇到过这样的错误。

最佳答案

<div data-simplebar className="img-scroll">
您正在使用simplebar插件，该插件会更改DOM树并破坏React。尝试将包用于React'simplebar-react'，它可以正常工作。

import SimpleBar from 'simplebar-react';

<SimpleBar>
    ...
</SimpleBar>

Documentation

Example