How to add navigable url in react bootstrap table

Question

I am fetching data from database to react-bootstrap table in JSON format. One field is url and displayed as string. How can I change it to link and redirect to the respective site? For instance, if json.url = "www.google.com", cell should display json.url and onClick it should redirect to google site.

Answer 1

Try this:

<td>
    <a href={json.url}>{json.url}</a>
</td>