Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Learn

Here is a .render() method that returns an HTML-like JSX element:

class Example extends React.Component { render() { return <h1>Hello world</h1>; } }

You've seen render methods return <div></div>s, <p></p>s, and <h1></h1>s, just like in the above example.

Render methods can also return another kind of JSX: component instances.

class OMG extends React.Component { render() { return <h1>Whooaa!</h1>; } } class Crazy extends React.Component { render() { return <OMG />; } }

In the above example, Crazy's render method returns an instance of the OMG component class. You could say that Crazy renders an <OMG />.

Report a Bug
If you see a bug or any other issue with this page, please report it here.