Блог

Главная - Вопросы по программированию - почему я получаю ошибку для этого, например, неожиданное выражение строки шаблона без шаблона в виде фигурной строки

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

#javascript #html #visual-studio-code #vscode-settings #react-bootstrap-typeahead

Вопрос:

  <Card className='my-3 p-3 rounded'>
  <a href={'/product/${product._id}'}>
    <Card.Img src={product.image} variant='top' />
  </a>
</Card>

здесь я публикую свой код, я получаю ошибку при запуске npm start
Неожиданное выражение строки шаблона без шаблона-фигурные-в-строке

Комментарии:

1. Вы по какой-то причине запускаете ESLint? Это звучит как ошибка ESLint. eslint.org/docs/rules/no-template-curly-in-string Если это так, попробуйте изменить href значение, чтобы использовать ` обратные ссылки вместо одинарных кавычек.

Ответ №1:

Вы должны заменить кавычки (') на обратные кавычки (`) в своем внутреннем <a> теге href, как это.

До:

<a href={'/product/${product._id}'}>

После:

<a href={`/product/${product._id}`}>

Вот ссылка на страницу документа eslint для получения дополнительной информации.

Комментарии:

1. да, я решил эту проблему после того, как опубликовал вопрос

Метки: , ,