How can I find a matching ID to an anchor onClick using React?

Question

I'm building a react app and I have a few on page anchors. I've made divs with the proper IDs and the traditional anchor tag with a hash matching those IDs.

How can I find the same div ID when I click on the anchor with the matching hash? Right now I'm using the event to pass into my onClick function.

What is a click on the <a> supposed to do? Scroll to the div? This sounds like an XY problem. — user5734311
– user5734311, Commented Jan 17, 2019 at 20:21

Nick · Accepted Answer · 2019-01-17 20:23:11Z

1

It sounds like you just need to provide the id in your onClick handler in the jsx.

<a onClick={() => this.handleClick(id)}>{id}</a>

answered Jan 17, 2019 at 20:23

Nick

16.7k3 gold badges21 silver badges38 bronze badges

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

2 Comments

Lz430 Over a year ago

What if the my markup looks like this: <a onClick={() => this.handleClick(id)}>Some Text</a>

Nick Over a year ago

That should work find so long as the id variable is available

Collectives™ on Stack Overflow

How can I find a matching ID to an anchor onClick using React?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related