I want to pass dynamically changing value to react Link react-router-dom

Question

I want to set navigate to a different route when below link clicked.

<Link to={'/q/${item.qID}'} style={{ textDecoration: 'none' }}>{item.qContent}</Link>

The real result is

http://localhost:3000/q/$%7Bitem.qID%7D

Expected results is

http://localhost:3000/q/122

(122 = item.qID)

Possible typo(?). Should be a backtick (`\``) for string template, i.e. `to={\`/q/${item.qID}\`}`. — Drew Reese, Sep 17 '20 at 07:07
[Template literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals) — Nicolas Hevia, Sep 17 '20 at 07:12

score 0 · Accepted Answer · answered Sep 17 '20 at 07:04

0

The format is wrong, in order to use a dynamic string you have to wrap your string inside backtick character(`).

answered Sep 17 '20 at 07:04

maya_nk99

1 Answers1