我正在尝试学习 React，并且正在学习视频课程。我输入的代码与屏幕上显示的完全相同。它在视频中有效，但不适用于我。
这是代码：
<img alt='robot' src={'https://robohash.org/${props.id}?size=200x200'} />
它告诉我 src 是“意外的模板字符串表达式：no-template-curly-in-string”
这里发生了什么？我使用 VSCode 作为我的编辑器。
React - 意外的模板字符串表达式：no-template-curly-in-string
IT技术
javascript
reactjs
2022-07-17 02:04:15
4个回答
eslint 发现了你的错误。这是带有'.
错误，
<img alt='robot' src={'https://robohash.org/${props.id}?size=200x200'} />
const props = {id: "someId"}
console.log('https://robohash.org/${props.id}?size=200x200')尝试，'用`改变，
<img alt='robot' src={`https://robohash.org/${props.id}?size=200x200`} />
const props = {id: "someId"}
console.log(`https://robohash.org/${props.id}?size=200x200`);您必须使用Template String可以back-quote在字符串的开头和结尾使用的功能。
前：
<img alt='robot' src={'https://robohash.org/${props.id}?size=200x200'} />
后：
<img alt='robot' src={`https://robohash.org/${props.id}?size=200x200`} />
是的，所以你必须使用模板文字。
所以把这部分放在后面的勾号中，即 `
https://robohash.org/${props.id}?size=200x200
我也遇到这个问题，愚蠢地使用''而不是`