单击侧边菜单项时停止在侧边菜单中重新呈现数据-ReactJS

如何解决单击侧边菜单项时停止在侧边菜单中重新呈现数据-ReactJS

从数据库的侧边菜单中动态获取数据，但是，每当我单击任何侧边菜单项时，它都会重新渲染数据，并且侧边菜单会随着页面的刷新而波动/闪烁。如何防止侧面菜单波动/闪烁。

const [data,setData] = useState([]);

const fetchData = async () => {
    const result = await axios(
        'http://127.0.0.1:8000/api/menus/?format=json',);

    setData(result.data[0]);

};
const resetState = () => {
    fetchData();

}

 useEffect(() => {
    resetState();
},[]);

但是，通过地图获取数据时，单击菜单项时，所有菜单每次都会呈现并波动/闪烁。菜单加载后如何防止其重新呈现。单击菜单项时应重定向页面，但不应重新呈现菜单项。

{data.map((menu)=>{
<Link to={menu.url}">{menu.name} </Link>
})}