He estado tratando de aprender React por un tiempo, y mi mentor me dio la tarea de aprender a crear (en React) una lista de tareas pendientes. Estuve viendo un tutorial, todo salió bien al principio, pero me quedé atascado al empezar a usar componentes.

En el tutorial, crea un componente diferente para el "formulario", que recordaré en el archivo App.js.

Aquí está el archivo App.js:

 import './App.css'; import Form from './components/Form'; function App() { return ( <div className="App"> <header> <h1> Adi's ToDo list </h1> </header> </div> ); } export default App;

Aquí también está el archivo Form.js:

 function Form() { return ( <form> <input type="text" class="todo-input" /> <button class="todo-button" type="submit"> <i class="fas fa-plus-square"></i> </button> <div class="select"> <select name="todos" class="filter-todo"> <option value="all">All</option> <option value="completed">Completed</option> <option value="uncompleted">Uncompleted</option> </select> </div> </form> ); } export default Form;

VSC me dice que elimine el import Form from y que solo use import './components/Form'; pero eso no cambia nada.