这个符号是什么意思{$ {`expirydate`}}以及如何使用它

Question

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

<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}

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