React The Milk 🥛
<div id="app"></div>
const ToDoList = React.createClass({
getInitialState: function() {
return {
todoItems: [
{name: 'task1'},
{name: 'task2'},
{name: 'task3'}
],
newItem: ''
};
},
render: function() {
const currentItems = this.state.todoItems.map((item, i) =>
<li key={i}>
{item.name}
<button>delete</button>
</li>);
return (
<div>
<input
type="text"
value={this.state.newItem}
/>
<button>add</button>
<ul>
{currentItems}
</ul>
</div>
);
}
});
ReactDOM.render(
<ToDoList />,
document.getElementById('app')
);