CODEWITHSUNDEEP
reactjs
compilerDude
compilerDude

Reputation: 11

Navigating to a different section of my page in react

How can I go to a different section of a page in react. Right now, I have separated different sections in folders but not sure how to make a button that clicks to a different section in react. Any suggestions or ideas?

Upvotes: 1

Views: 2003

Answers (1)

Mike Flynn
Mike Flynn

Reputation: 421

You should be able to use anchor tags in react as you would in HTML.

using JSX, tag the place on the page you want to go to with an ID:

<h3 id="education">Education</h3>

Then where you want the link to be located, place an a tag using the # syntax:

<a href="#education">Education</a>

Clicking on the a tag should scroll the page to the education H3 tag.

Upvotes: 2

Related Questions