Почему я не могу передать переменную в качестве атрибута?

Question

[Lumus]

Я делаю map для списка словарей и пытаюсь передать в качестве аргумента к тэгу значение одного из словарей

const testThemes = [{
      title: 'Theme1',
      countPosts: 10,
      id: 1,
      bgImage: 'https://i2.wp.com/miro.medium.com/0*Zb9Uoad33rLb7v03.png'
    }]

{testThemes.map((theme, index)=>
        <Link to={'/posts/'+{theme.id}} className={style.theme}>
          <div>
          {theme.countPosts>99 &&
            <p>99+</p>
          }
          {theme.countPosts<=99 &&
            <p>{theme.countPosts}</p>
          }  
          </div>
          
          <h2>{theme.title}</h2>
        </Link>
      )}

но в тэге 'link' где я передаю атрибут 'to' мне подчёркивает точку в {theme.id} и пишет что ожидалась запятая

Comments

[ЮРЭН СМЕР]

{testThemes.map((theme) => (
key={theme.id} // Важно добавить ключ
to={`/posts/${theme.id}`} // Исправленная интерполяция
className={style.theme}
>

{theme.countPosts > 99 ? 99+ : {theme.countPosts}}

{theme.title}

))}

Answer 1

[Alexandroppolus]

Лишние фигурные скобки вокруг theme.id, зря ты это так

Comments

[Lumus]

Спасибо большое!