Как корректно добавлять адреса в NavLink с использованием JS?

Question

[n1ksON]

Всем привет! Следующий вопрос.
Как корректно вставлять ссылку с использованием переменных?
К примеру

const link = 'home'
<NavLink to={link}>

Работает корректно, но если необходимо сделать подраздел и получить: example/home , то уже так не получается.

const link = 'home'
<NavLink to='example/{link}'>

Итоговый адрес не exaple/home , а с ненужными символами.

Заранее спасибо за помощь.

Comments

[Mikhail Osher]

google "es6 string interpolation"

Answer 1

[historydev]

const links = [{id: 1, url: '/example'}, {id: 2, url: '/example2'}];

links.map(link => (<NavLink to={link.url} key={link.id}>))

Answer 2

[McBernar]

NavLink to={‘example/${link}’}