const ListItem = React.createClass({
render: function() {
return <li > {
this.props.item
} < /li>;
}
});
const ToDoList = React.createClass({
render: function() {
const todoItems = this.props.items.map(item => {
return <ListItem item = {
item
} > < /ListItem>
})
return ( <
ul > {
todoItems
} < /ul>
);
}
});
//creating a basic component with no data, just a render function
const MyApp = React.createClass({
render: function() {
return ( <
div className = "well" > …Run Code Online (Sandbox Code Playgroud)reactjs ×1