2017-05-26 5 views
0

Je suis un cours React et suis tombé sur cette leçon où ils importent un composant de styled-components mais ce qui m'apparaît étrange c'est la ligne 4 où ils utilisent l'interpolation des guirlandes sans l'entourant entre parenthèses et il semble qu'il ne devrait pas y avoir d'espace entre les guillemets et le styled.header.Pourquoi/comment ce code fonctionne dans ES6 (Réagir)

enter image description here

+2

'var test = (a) => console.log (a + 'man'); test \ 'quoi que ce soit \' 'sortira' quel que soit l'homme'. Dans votre exemple, styled.header est une fonction qui reçoit une chaîne (css, dans votre exemple) comme seul argument. – castis

+0

Side-question: quel IDE utilisez-vous qui souligne correctement CSS dans un littéral de modèle de chaîne? Cela vous donne-t-il aussi du code, comme 'text-align:' qui suggère 'left, right, center' etc? (Le manque de cela dans mon IDE était une des raisons pour lesquelles je n'aimais pas les composants de style.) – Aaron

+0

@Aaron c'est le paquet language-babel pour Atom, plus d'infos ici https://github.com/styled-components/styled-components # syntaxe en surbrillance – juliangonzalez

Répondre

2

appel Tagged modèle de cette littéraux, une nouvelle fonctionnalité dans ES6.

Vous pouvez en lire plus à ce sujet dans the styled-components docs et ce article.