Link to google maps doesn't work in react

user_16806651 0
Viewed 40

i am rendering conditional link by location like this:

  <a
    href={`https://maps.google.com/maps?q=${delivery_branch.latitude},${delivery_branch.longitude}`}
    target={"_blank"}
  >{`${delivery_branch.street}, ${delivery_branch.zip} ${delivery_branch.city}`}</a>

But it doesn't open anything when I try to click on it. When I copy that link a paste it to browser, it works.

reactjs html javascript
1 Answers

Add rel="noopener noreferrer", should work:

<a
    href={`https://maps.google.com/maps?q=${delivery_branch.latitude},${delivery_branch.longitude}`}
    target={"_blank"} rel="noopener noreferrer"
  >{`${delivery_branch.street}, ${delivery_branch.zip} ${delivery_branch.city}`}</a>

user_169220460
Related