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)
0
A
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.
'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
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
@Aaron c'est le paquet language-babel pour Atom, plus d'infos ici https://github.com/styled-components/styled-components # syntaxe en surbrillance – juliangonzalez