为什么我在控制台中收到此错误？ [复制]答案

【问题标题】：Why am i getting this error in the console? [duplicate]为什么我在控制台中收到此错误？ [复制]
【发布时间】：2022-11-28 13:16:39
【问题描述】：

我正在尝试从 youtube 复制一个反应待办事项列表，但我不明白为什么我在控制台中收到此错误。我正在关注视频，我是新手，所以我不确定问题到底是什么，但我知道我不能再关注视频了，因为我在控制台中收到此错误。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

我试着通过谷歌搜索来解决这个问题，但运气不好，我不知道该怎么做？

【问题讨论】：

什么错误？？
您正在导入一个不存在的文件。 TodoList 与 TodoForm。为了将来参考，请阅读How to ask关于 StackOverflow 的问题。
useState 返回一个数组，而不是一个普通对象

标签： reactjs console

【解决方案1】：

替换这个

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

有了这个

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

【讨论】：