javascript - 这个符号 { $ {`expirydate` } } 的含义是什么以及如何使用它

Question

有一个react组件，但我不知道如何使用它。这是什么意思

<div className="f4InputCreditCardFrontExpiryDate" style={{ position: 'absolute ', bottom: 0 , right: 0}}>
  <span style={{
          color: 'white'
        }}>
          { `${expiryDate}` }
  </span>
</div>

如何更改 expiryDate 的值 提前致谢

Answer 1

ES6 中的反引号 (`) 指定字符串模板。美元符号 $ 中的变量后跟大括号 {} 指定该变量的字符串值，将被格式化为字符串。

用一个例子来说明是最简单的。

const a = 'world';
console.log(`hello ${a}`);  // hello world

示例中显示的字符串格式实际上是多余的，因为您只需使用即可实现相同的输出

{expiryDate}

因为该模板中没有其他字符串被格式化。