materialize css Start方法未定义

Question

我正在尝试将物化css媒体滑块与.start，pause，next和destroy方法一起使用。

这给了我这个错误TypeError: Cannot read property 'start' of undefined这是我的代码。

import React, {useEffect} from 'react';
import {Link} from "react-router-dom";
import M from 'materialize-css/dist/js/materialize.min.js';

import img from "./img/pillowSlider1.jpg";
import img2 from "./img/pillowSlider2.jpg";
import img3 from "./img/pilowSlider3.jpg"


const Home = () => {
    useEffect(() => {
        let elems = document.querySelectorAll('.slider');
        let instance = M.Slider.getInstance(elems, {
            indicators: false,
            duration: 500,
            interval: 6000
        });

        instance.start()
    }, []);


    return (
        <div className="slider fullscreen">
            <ul className="slides">
                <li>
                    <img src={img} alt=""/>
                    <div className="caption center-align">
                        <h2>Custom made pillows</h2>
                        <h5 className="light grey-text text-lighten-3 hide-on-small-only">Lorem ipsum dolor sit amet
                            consectetur adipisicing elit. Veniam non illo earum cumque id est!</h5>
                        <Link to="/pillows" className="btn btn-large red lighten-4">Learn More</Link>
                    </div>
                </li>

请协助。

Answer 1

我目前没有看到滑块的初始化，在调用instance.start()之前是否包括初始化？

var elems = document.querySelectorAll('.slider');
var instances = M.Slider.init(elems, options);