React · Junior · Frage 31 von 75
Wie setzt man in JSX einen Inline-Style?
- 1
style={["color: red", "font-size: 14px"]} - 2
style="color: red; font-size: 14px" - 3
style={{ color: "red", fontSize: 14 }}
Antwort zeigen
Richtige Antwort: style={{ color: "red", fontSize: 14 }}
Erklärung
style nimmt ein Objekt mit Eigenschaften in camelCase. Die äußeren Klammern betten einen Ausdruck ein, die inneren sind ein Objektliteral. Bei den meisten Eigenschaften werden Zahlen als Pixel interpretiert (fontSize: 14 → 14px).