reactjs - 在 React 中路由后如何调用函数？

Question

假设有一个网站有路线：/routeA, /routeB ... /routeZ

这些路由中的每一个都呈现一个 ComponentA、ComponentB ... ComponentZ

无论到达哪条路线，如何运行一段特定的代码？

这段代码无关紧要。它可能是 console.log("Awesome stackoverflow")

显然，在每个组件中，我都可以调用 useEffect 并在那里调用这段代码。但是，这是重复的，因为我必须为我们拥有的 Z 组件编写 Z useEffect。相反，我正在寻找一种无需在所有组件中重复代码即可执行代码的方法。

标签： reactjsreact-router

Answer 1

//if you are using class
class YourComponent extends React.Component{
    componentDidMount = () => {
        //your logic here
    }
}

//if you are using hook
const YourComponent = () => {
    useEffect(() => {
       //your logic here
    },[])
}