Reactjs 如何在React中连接字符串和道具

Reactjs 如何在React中连接字符串和道具,reactjs,concatenation,Reactjs,Concatenation,这只是一个澄清我对React连接字符串和道具的了解和理解的问题。我有一个简单的代码,比如 const foo = bar?'test--${bar}':'' 当我注销foo时,它会显示test--${bar}而不是test--whatever。如果我试着去做 const foo = bar?'test--' + bar:'' 它会给我我期待的答案。有人能给我解释一下原因吗。我刚开始学反应。我浏览了这里的一些问题,他们说最好的方法是做第一个,但为什么它对我不起作用。我错过什么了吗?谢谢 这是因

这只是一个澄清我对React连接字符串和道具的了解和理解的问题。我有一个简单的代码,比如

const foo = bar?'test--${bar}':''
当我注销
foo
时,它会显示
test--${bar}
而不是
test--whatever
。如果我试着去做

const foo = bar?'test--' + bar:''

它会给我我期待的答案。有人能给我解释一下原因吗。我刚开始学反应。我浏览了这里的一些问题,他们说最好的方法是做第一个,但为什么它对我不起作用。我错过什么了吗?谢谢

这是因为您没有使用模板文本

试着这样做:

const bar=“打字”;
常量foo=bar`测试--${bar}`:“否”;

console.log(foo)这是因为您没有使用模板文本

试着这样做:

const bar=“打字”;
常量foo=bar`测试--${bar}`:“否”;
console.log(foo)使用反勾号(`)而不是单引号,它会起作用

//正确
const foo=bar?`test--${bar}`:'whatever';
//不正确
const foo=bar?'test--${bar}':'whatever'
使用反勾号(`)而不是单引号,它会起作用

//正确
const foo=bar?`test--${bar}`:'whatever';
//不正确
const foo=bar?'test--${bar}':'whatever'

是的,这种连接不是特定于反应的。这是ES6的一个特点。是的,我同意!也许是因为我正在学习反应,这就是为什么我认为这是因为它。谢谢是的,这种连接不是特定于反应的。这是ES6的一个特点。是的,我同意!也许是因为我正在学习反应,这就是为什么我认为这是因为它。谢谢