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.

Please share a code sample of what you have already tried. – patrick Mar 14 '18 at 06:44 — patrick, Mar 14 '18 at 06:44

score 0 · Accepted Answer · answered Mar 14 '18 at 06:52

0

Try this:

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

answered Mar 14 '18 at 06:52

tsteve

549
1
7
16

@usergs You could do {json.url} – tsteve Mar 14 '18 at 06:58

How to add navigable url in react bootstrap table

1 Answers1