Simple todolist made with create-react-app. Gist contains the App.js code

Todolist.js

import { useState } from 'react';

function TodoList() {
  const [desc, setDesc] = useState('');
  const [todos, setTodos] = useState([]);

  const inputChanged = (event) => {
    setDesc(event.target.value);
  }

  const addTodo = (event) => {
    event.preventDefault();
    setTodos([...todos, desc]);
  }

  return (
    <>
      <input type="text" onChange={inputChanged} value={desc}/>
      <button onClick={addTodo}>Add</button>
      <table>
        <tbody>
          {
            todos.map(todo => <tr><td>{todo}</td></tr>)
          }
        </tbody>
      </table>   
    </>
  );
};

export default Todolist;