javascript - 此符号{$ {`expirydate`}}的含义以及如何使用它

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

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

我该如何更改该expiryDate的值？

最佳答案

ES6中的反引号（`）指定字符串模板。美元符号$中的变量后跟花括号{}指定该变量的字符串值，并将其格式化为字符串。

举个例子最容易说明。

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

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

{expiryDate}

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