這個符號是什麼意思{$ {`expirydate`}}以及如何使用它

有一個反應組件，但我不知道如何使用它。和這個又是什麼

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

我如何能在ES6改變提前

來源

2017-01-16 Kino Bacani Matuguina

的反引號（'）是expiryDate致謝值指定字符串模板的含義。美元符號$後面跟着大括號{}的變量指定該變量的字符串值，並將其格式化爲字符串。

用示例說明最簡單。

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

串在你的例子顯示格式化其實是多餘的，你可以只用

{expiryDate}

達到同樣的輸出，因爲沒有其他的字符串在模板中被格式化。

來源

2017-01-16 03:38:17 LINKIWI

但如果我有一個組件，使其通過我怎樣才能改變這個字符串模板？ –

我不確定你要求「更改字符串模板」。您可以在美元符號變量引用之外的模板中隨意插入字符。 – LINKIWI

場景有一個外部組件具有字符串模板，我將它導入到我的項目中。如果組件用作，如何更改項目端的字符串模板 –

這個符號是什麼意思{$ {`expirydate`}}以及如何使用它

回答

相關問題