除非我刷新，否则反应路由器无法与Parallex一起使用

Question

我有一个带有路由的React应用程序，并且我尝试使用materialize.css paralex，当我切换到具有parallex的路由时，它仅在刷新页面时有效。这是我的代码。

import React, {useContext, useEffect} from 'react';
import {GlobalContext} from "../../context/GlobalState";
import M from "materialize-css";

const Pillow = ({location, match}) => {
    const {getPillow, pillow} = useContext(GlobalContext);

    console.log(pillow)
    useEffect(() => {
        getPillow(match.params.id);
        const elements = document.querySelectorAll(".parallex");
        M.Parallax.init(elements);
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, []);

    return (
        <div>
            <div className="parallax-container">
                <div className="parallax"><img src={pillow.bannerImageUrl} alt=""/></div>
            </div>
            hello
        </div>
    );
};

export default Pillow;