如何在 React.js 中为图像添加路由

Question

我需要添加到我的标志图片的链接。我的意思是当我点击我的标志图片时，它应该重定向到仪表板页面。我尝试使用锚标记来做到这一点，但它无法正常工作

 <Header className='header' style={{ position: 'fixed', width: '100%' }}>
      <div className='header-logo' style={{ width: collapsed ? 80 : 200, height: 0 }}>
        {collapsed &&
        <a href="/dashboard">
          <img src={minLogo} alt='Logo' />
        </a>
        }
        { !collapsed &&
          <span>&nbsp;</span>
        }
      </div>
      <Icon
        className="trigger"
        type={collapsed ? 'menu-unfold' : 'menu-fold'}
        onClick={this.toggleSideBar}
      />
      <div style={{ display: 'inline-block', float: 'right' }}>
        <Dropdown overlay={menu} placement="bottomRight">
          <Avatar icon='user' />
        </Dropdown>
      </div>
    </Header>

Answer 1

尝试这个

import {  Link } from "react-router-dom";


<Link to="/dashboard">
    <img src={minLogo} alt='Logo' />
</Link>