todo-list.tsx

  render() {
    return(
      <div>

        <input onChange={e => this.addNewTodo(e.target)} />

        <ul>

          {this.todos
            ? <div>
              {this.todos.map((todo) => {
                return <my-todo
                         id={todo.id}
                         value={todo.value}></my-todo>
              })}
            </div>
            : <div></div>
          }
        </ul>

      </div>
    )
  }