Embed Size (px)
Citation preview
ooooo
oooo
o
o
oo
o
oo
oo
o
oo
o
o
o
o
o
oo
o
o
o
ooo
o
oo
const element = <h1>Hello, world!</h1>;
o
o
const element = <h1>Hello, {formatName(user)}!</h1>;
const element = <img src={myImageUrl} />
o
const element = ( <div className=”wrapper”> <h1>Hello {username}!</h1> <p>Nerdschool rocks.</p> </div> );
oo
<TodoApp>
<Summary />
<AddTodo />
<TodoList>
<TodoItem />
<TodoItem />
</TodoList>
</TodoApp>
class HelloMessage extends React.Component {
render() {
return <div>Hello {this.props.name}</div>;
}
}
ReactDOM.render(<HelloMessage name="John" />, mountNode);
…
oooo
…
oooo
o
oo
o
ooo
o
oo
o
o
o
o
o
oo
o
o
o
oo
oo
…
