为什么我在这个类似意外模板字符串表达式的字符串中没有模板卷曲的错误

Question

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

我在这里发布我的代码，我在运行npm start时出错了意外的模板字符串表达式字符串中没有模板卷曲

Answer 1

您应该在<a>标记内的href中将引号(')替换为反引号(`)。

之前：

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

之后：

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

以下是eslint文档页面的链接以获取更多信息。