This lesson will cover more advanced JSX. You’ll learn some powerful tricks, and some common errors to avoid.
Grammar in JSX is mostly the same as in HTML, but there are subtle differences to watch out for. Probably the most frequent of these involves the word
In HTML, it’s common to use
class as an attribute name:
In JSX, you can’t use the word
class! You have to use
When JSX is rendered, JSX
className attributes are automatically rendered as
On line 5, declare a new variable named
myDiv equal to a JSX
In between the
<div></div> tags, write the text
I AM A BIG DIV.
<div></div> the following attribute:
ReactDOM.render()‘s first argument, pass in
ReactDOM.render()‘s second argument, pass in
If your rendered
<div></div> has a class of
"big", then it should look big in the browser!