我正在构建一个 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)