Todo App UX-concept (React)

ux-concept.js

const ToDoItem = ({ item }) =>
  <li>
    {item.text}
    <button onClick={ deleteItem }/>
  </li>

const ToDo = () =>
  <div>
    <ul>
      {useList().map(item => (
        <ToDoItem key={ item.id } item={ item } />
      ))}
    </ul>

    <input type="text"/>
    <button onClick={ addItem }/>
  </div>