${xxx} 是什么意思呢?在React中,是在{}内再使用变量就需要用到这种写法` { ${xxx} }`吗?

作者站长头像
站长
· 阅读数 7

请问下,${xxx} 是什么意思呢?在React中,是在{}内再使用变量就需要用到这种写法吗? { ${xxx} }

<Link href={"/blog/${item.slug}"}> 

${xxx} 是什么意思呢?在React中,是在{}内再使用变量就需要用到这种写法` { ${xxx} }`吗?

回复
1个回答
avatar
test
2024-07-02

${xxx} 是 ES6 中的字符串模板语法,用于在字符串中插入变量

在组件的 JSX 代码中,如果需要使用 JavaScript 表达式,可以将表达式放在 {} 中,类对于使用变量来说,可以使用 ${} 来把变量包含在模板字符串中并插入到 JSX 中。

例如:

const name = 'Jack';
return <p>Hello, {name}!</p >;

使用模板字符串:

const name = 'Jack';
return <p>{`Hello, ${name}!`}</p >;

使用模板字符串的时候注意使用反引号 \`\ 进行括起来

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容