codigo-pros-lerdinho.jsx

export default function Form() {
  const [todoList, setTodoList] = useState([]);
  const [todo, setTodo] = useState('');
  
  useEffect(() => {
    const formattedTodoList = JSON.stringify(todoList);
    localStorage.setItem('fiscais:todoList', formattedTodoList);
  }, [todoList]);
  
  function handleAddTodo(e) {
    e.preventDefault();
    
    setTodoList([...todoList, todo]);
    setTodo('');
  }
  
  function handleTodoInputChange(e) {
    setTodo(e.target.value);
  }
  
  return (
    <form onSubmit={handleAddTodo}>
      <fieldset>
        <legend>Write your task</legend>
        <Input
          onChange={handleTodoInputChange}
        />
        <button type="submit">Add</button>
      </fieldset>
    </form>
  );
}