小编Fra*_*son的帖子

NotFoundError:无法在带有 Flickity 的 React 上的“节点”上执行“removeChild”

我正在构建一个 React 应用程序,在我的主页上,我有组件“CategoriesList”。

当我在主页上时,“类别列表”运行良好,但是当我使用 react-router-dom 导航到 ProductDetails 页面时,我发现了这个错误:

“NotFoundError:无法在‘节点’上执行‘removeChild’:要移除的节点不是该节点的子节点。”

'CategoriesList' 使用 Flickty。我尝试删除 Flickity,并且……效果很好。但我需要使用 Flickity。

谁能帮我?

类别列表组件:

const CategoryList = ({list, popupOpen, refreshProductList}) => {

    return (
        <Container>
            <Slider
                options={{
                    cellAlign: 'center',
                    draggable: true,
                    groupCells: true,
                    contain: false,
                    pageDots: false,
                  }}

                  style={ popupOpen ? ({opacity: 0.05})  : null}
            >
                {list.map((category, index) => ( 
                        <Category key={index}>{category}</Category>
                ))}

            </Slider>
        </Container>
    );
}
Run Code Online (Sandbox Code Playgroud)

轻快的滑块组件:

import Flickity from 'flickity';
import 'flickity/dist/flickity.min.css';

export default class Slider extends Component {
    constructor(props) {
        super(props);

        this.state = {
          flickityReady: …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs flickity react-router-dom

5
推荐指数
1
解决办法
310
查看次数

标签 统计

flickity ×1

javascript ×1

react-router-dom ×1

reactjs ×1