How to add a route to image in React.js

Question

I need to add link to my logo image.I mean when ever I click my logo image it should redirect to dashboard page.I tried to do it using anchor tag but it is not working properly

 <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>

are you using react-router ? also what do you mean by its not working properly? do you mean it doesnt navigate properly or is the a tag not rndering? — akshay kishore
– akshay kishore, Commented Jul 19, 2019 at 13:59

akshay kishore · Accepted Answer · 2019-07-19 14:21:15Z

20

Try this

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


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

edited Jul 19, 2019 at 14:21

answered Jul 19, 2019 at 14:04

akshay kishore

1,0478 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

akshay kishore Over a year ago

happy to help :)

Andranik Hovesyan · Accepted Answer · 2019-07-19 14:04:03Z

2

User router Link instead of anchor:

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

answered Jul 19, 2019 at 14:04

Andranik Hovesyan

4473 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to add a route to image in React.js

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related