preact test

preactTest.js

export default class TodoList extends Component {
  state = { todos: [], text: '', count: 0 };
  setText = e => {
    this.setState({ text: e.target.value });
  };
  addTodo = () => {
    let { todos, text, count } = this.state;
    todos = todos.concat({ text: text, id: count++ });
    this.setState({ todos, text: '', count: count++ });
  };
  removeTodo = id => {
    let { todos, text, count } = this.state;
    todos = todos.filter(todo => {
      todo.id != id;
    });
    this.setState({ todos, text: '', count: count });
  };
  render({}, { todos, text }) {
    return (
      <div>
        <input style="margin-left:30px" value={text} onInput={this.setText} />
        <button onClick={this.addTodo}>Add</button>
        <ul>
          {todos.map(todo => (
            <li>
              <p style="font-size:20px">{todo.text + ' with id ' + todo.id}</p>
            </li>
          ))}
        </ul>
      </div>
    );
  }
}