# symbol in URL bar of the browser

Question

I have this in my jsx, # is used to stop the link if user click on the a tag.

<a target={obj.handlerName === 'detail' ? `_blank` : ''} href={obj.handlerName === 'detail' ? `/products/${id}` : '#'} >{obj.name}</a>

but I will have the extra # if the handlerName is not equal to 'detail'

Any clue how to get rid of that?

Possible duplicate of [Best way to create an link with empty href](https://stackoverflow.com/questions/22940761/best-way-to-create-an-a-link-with-empty-href) — Shubham Khatri, Jun 07 '17 at 06:35

score 0 · Answer 1 · answered Jun 07 '17 at 06:34

What about using the includes() method?

<a target={obj.handlerName.includes('detail') ? `_blank` : ''} href={obj.handlerName === 'detail' ? `/products/${id}` : '#'} >{obj.name}</a>

Here's some useful reference:

1 Answers1