打扰我了,这是什么意思?
<div className="col-md-4">
<div className={"card " + (this.state.selected ? "frame" : "")} style={{width: 18+'rem'}}>
<img className="card-img-top" style={{width: 10+'rem', margin: 0+' '+'auto'}} src={this.props.img} alt="Card image cap"/>
<div className="card-body">
<h5 className="card-title">{this.props.name}</h5>
<p clasNames="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<div className="description">
<p className="card-text">30€</p>
<p className={"card-text " + (this.state.selected ? "" : "displayQua")}>Q: {this.state.quantity}</p>
</div>
<button onClick={this.toggleMenu} href="#" style={{width: 100 + '%', margin: 0+' '+'auto'}} className="btn">SELECT</button>
</div>
</div>
<div className="menu">
<div className={this.state.visible ? "" : "visible"}>
<div className="menu">
{_.times(this.props.quantity, i => (
<a onClick={this.targetValue} key={i} href="#">{i + 1}</a>
))}
</div>
</div>
</div>
</div>
这是包含前面提到的行的文本程序:
console.log(`${ingredientAmount} ${unit} ${name}`); ?
答案 0 :(得分:1)
那是template literal / template string,${
和}
是定义占位符的标记,这些占位符将被其中的表达式的值替换。
所以这个:
console.log(`${ ingredientAmount } ${ unit } ${ name }`);
正常的string
为:
console.log(ingredientAmount + ' ' + unit + ' ' + name);
答案 1 :(得分:0)
${}
表示Javascript在解析该文字时会在花括号内找到一个expression
进行计算,这意味着从模板文字,这些部分将由解析时内部表达式求值的任何值替换。反引号包含模板文字:
String
表达式不仅可以是您显示的变量,还可以是其他类似的变量
`** literal here**`
或
`Today's date is ${new Date()}. Have a beautiful day!`