0
Ich verfolge einen React-Kurs und stieß auf diese Lektion, wo sie eine Komponente aus styled-components importieren, aber was mir seltsam ist, ist Zeile 4, wo sie die Backticks-Interpolation ohne verwenden es in Klammern einschließen und es scheint, dass es keinen Raum zwischen den Backticks und dem styled.header geben sollte.Warum/Wie funktioniert dieser Code in ES6? (React)
'var test = (a) => console.log (a + 'man'); test \ 'whatever \ '' wird "was auch immer man" ausgeben. In Ihrem Beispiel ist styled.header eine Funktion, die eine Zeichenfolge (in Ihrem Beispiel css) als einziges Argument erhält. – castis
Side-question: Welche IDE verwenden Sie, die CSS in einem Zeichenfolgenliteral korrekt hervorhebt? Gibt es auch Code-Vervollständigung, wie 'text-align:' schlägt 'links, rechts, center' usw. vor? (Der Mangel daran in meiner IDE war ein Grund, warum ich nicht gestylt-Komponenten mochte.) – Aaron
@Aaron es ist Sprache-Babel-Paket für Atom, mehr Infos hier https://github.com/styled-components/styled-components #Satzstellung markieren – juliangonzalez