爲什麼/此代碼如何在ES6中工作（React）

我正在學習React課程並在本課中遇到了從styled-components導入組件的內容，但對我來說奇怪的是第4行使用反引號插值而沒有將其括在括號內，似乎不應該在反引號和styled.header之間有任何空格。爲什麼/此代碼如何在ES6中工作（React）

var test =（a）=> console.log（a +'man'）;測試\'無論\''會輸出'任何人'。在你的例子中，styled.header是一個接收字符串（在你的例子中是CSS）作爲唯一參數的函數。 – castis

問題：你在使用什麼IDE，恰當地突出顯示字符串模板文字中的CSS？它是否也爲你提供代碼完成功能，比如'text-align：'建議'左邊，右邊，中心等等？（在我的IDE中缺少這一點是我不喜歡樣式化組件的原因之一。） – Aaron

@Aaron它是Atom的language-babel包，這裏有更多信息 https://github.com/styled-components/styled-components ＃語法高亮 – juliangonzalez

那的稱呼標記模板字面，在ES6的新功能。

你可以在the styled-components docs和這個article瞭解更多。

2017-05-26 17:20:27

回答