String interpolation within mdx jsx

[foggy helm]

<ul>
{
frontmatter.chapters.map((c, i) => (
<li><a href="/chapters/{i}">{c}, {i}</a></li>
))
}
</ul>

the {i} in the href quotes is getting escaped. How could I do this? Thank you 🙂

[ionic gull]

You have to use backticks and add a dollar sign $ in front of your brackets```jsx
<ul>
{
frontmatter.chapters.map((c, i) => (
<li><a href=/chapters/${i}>{c}, {i}</a></li>
))
}
</ul>

[foggy helm]

I’m not at my desk – pretty sure I tried that. Thank you for taking a look - back to you in bit

[ionic gull]

Oops I forgot the interpolation has to be in brackets like this ```jsx
<ul>
{
frontmatter.chapters.map((c, i) => (
<li><a href={/chapters/${i}}>{c}, {i}</a></li>
))
}
</ul>