我想在第一次加载时只刷新一次反应页面（功能组件），而不是在任何事件上而是在第一次渲染之后，怎么做？

Question

I am trying to refresh/reload an page in a react functional component. But when i call

window.location.reload()

in useEffect() hook, the page keeps refreshing forever. I want it to refresh only once after it mounts. How to achieve that? So far I tried this:

useEffect(
    () => {
        setNotificationCount();
        window.location.reload();
    },[]
)

Answer 1

You can store a flag inside the localStorage :

useEffect(
    () => {
        setNotificationCount();
        const alreadyLoaded = localStorage.getItem('alreadyLoaded');
        if (!alreadyLoaded) {
           localStorage.setItem('alreadyLoaded', true);
           window.location.reload();
        }
    },[]
)