How to programmatically navigate to page with button onClick

Topic: How to programmatically navigate to page with button onClick handler?

ultiman asked 5 years ago

I have Navbar and Routes defined but I need to navigate with button onClick handler?

<MDBBtn type="button"  className="btn-block z-depth-2" onClick={this.handleClick}>

Add comment

Piotr Glejzer staff answered 5 years ago

1 0 Best answer

You can use Link/NavLink component like a button or use these components like wrappers to button and add a click event handler to Link.

                 <MDBNavLink
                    tag='button'
                    to='/addons'
                    color='mdb-color'
                    className='btn btn-outline-mdb-color btn-sm btn-rounded d-inline'
                    onClick={this.eventClick}
                  >
                    More
                  </MDBNavLink>

Add comment

ultiman answered 5 years ago

0 0 Best answer

OK, but how navigate inside function eventClick, like :

  eventClick = () => {
    this.props.history.push('/addons');
}

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

User: Free
Premium support: No
Technology: MDB React
MDB Version: 4.25.6
Device: PC
Browser: Chrome
OS: Windows 10
Provided sample code: No
Provided link: No

ultiman

20Support score
2Questions 1Answers

0Snippets likes 0Snippets