How to correctly add addresses to NavLink using JS?

Question

React

Hello! Next question.
How to correctly insert a link using variables?
For example

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

It works correctly, but if you need to make a subsection and get: example/home , then this doesn't work anymore.

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

The final address is not exaple/home , but with unnecessary characters.

Thank you in advance.

Answer 1

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

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

Answer 2

NavLink to={'example/${link}'}