Как указать относительный путь для ссылок в React?

Question

[GeorgeKay]

Есть вот такой код в нем был использован шаблонизатор ejs, я сейчас его переписываю на реакт, так вот как этот путь в теге а указать?

<ul>
        {posts.length &&
          posts.forEach(({ id, title, createdAt, text, author }) => {
            <li>
              <article>
                <h2>
                  <a href="/posts/<%= id %>">{title}</a>
                </h2>
                <p>{text}</p>
                <div class="info">
                  <span>{createdAt.toLocaleDateString()}</span>
                  <span>{author}</span>
                </div>
                <button class="btn-delete" data-id={id} onClick={deletePost}>
                  <i class="fas fa-trash-alt" data-id={id}></i>
                </button>
              </article>
            </li>;
          })}
      </ul>

Answer 1

[Антон Иванов]

Подозреваю, вы спрашиваете про это:
<a href={`/posts/${id}`}>{title}</a>
Читаем про шаблонные строки

Comments

[GeorgeKay]

черт я вот так пробовал <a href=`/posts/${id}`>{title}</a>

[Антон Иванов]

А вы какой IDE пользуетесь? Ваш код сразу высвечивается как невалидный в WebStorm. Сразу видно, где ошибка. И WebStorm сам предлагает правильный вариант.

[GeorgeKay]

Антон, vscode