Why am i getting this error in the console?

Question

I am trying to copy a react todo list from youtube but i cant understand why i am getting this error in the console. I am following along with the video i am new to this so i am not to sure what the problem is exactly but i know i cant follow the video anymore because i get this error in the console.console

App.js

 import React, { useState } from 'react';
import './App.css';
import TodoList from './components/TodoList';

function App() {
  return (

<div className='todo-app'>
 <TodoList />



</div>
  );
}

export default App;

TodoForm.js

import React, {useState} from 'react'

function TodoForm(props) {
    const {input, setInput} =useState('');

    const handleChange = e => {
        setInput(e.target.value);
    };

    const handleSubmit = e => {
        e.preventDefault();

        props.onSubmit({
        id: Math.floor(Math.random() * 10000),
        text: input
        });

      setInput('');
    };

  return ( 
   <form className='todo-form' onSubmit={handleSubmit}>
    <input type='text' placeholder='Add a todo' value={input} name='text'className='todo-input' onChange={handleChange} />
    <button className='todo-input'>Add todo</button>

   </form>
  )
}

export default TodoForm

I tried figuring this by googling it but no luck iam not to sure how to go about this?

You're importing a file that doesn't exist. TodoList vs TodoForm. And for future reference, please read [How to ask](https://stackoverflow.com/help/how-to-ask) a question on StackOverflow. — Zac Anger, Nov 28 '22 at 04:46

score 0 · Accepted Answer · answered Nov 28 '22 at 04:55

0

replace this

const {input, setInput} =useState('');

with this

const [input, setInput] =useState('');

answered Nov 28 '22 at 04:55

Sachila Ranawaka

39,756
7
56
80

Why am i getting this error in the console?

1 Answers1