Javascript 如何使它在按下png图标时将你带到家中，即'/'；在NavLink中不重新加载页面？

这是我的代码：

                   <div key="1" className="menu-item">
                    <NavLink to="/">

                        <span className="icon-home3" />&nbsp; Home
                    </NavLink>
                </div>

家

主页按钮在不重新加载页面的情况下工作正常，但png图标使页面每次都重新加载。为什么会这样？我该如何解决这个问题

以下是图像组件：

const Logo = () => {
return (
    <center style={{ marginTop: '4%' }}>
        <a
            href="/"
            className="logo"
            title="Home" >
            <img src="data:image/png;base64,..." alt="Logo" />
        </a>
    </center>
);
}

const标志=（）=>{
返回(
);
}

您忘记将

a

元素替换为

NavLink

组件<代码>导航链接执行魔术-重定向而不刷新

const Logo = () => {
  return (
    <center style={{ marginTop: '4%' }}>
        <NavLink to="/"
            className="logo"
            title="Home" >
            <img src="data:image/png;base64,...." alt="Logo" />
        </NavLink>
    </center> 
  );
}

const标志=（）=>{
返回(
);
}