使用 useState() 方法时出错

Question

why this error comes, check this image

当我试图在我的反应组件中使用状态时，出现了这个错误，我不知道如何解决它，我也用谷歌搜索了它，但我没有找到任何解决方案。

下面是我的代码

import useState from 'react';
import ExpenseForm from './ExpenseForm';
import './NewExpenses.css';

const NewExpenses = (props) => {
   const [isEditing, setIsEditing] = useState(false);

   const saveExpenseDataHandler = (newExpenseData) => {
      const expenseData = {
         id : Math.random().toString(),
         ...newExpenseData
      }
      props.onCreateExpense(expenseData);
      setIsEditing(false);
   };

   const startEditingHandler = () => {
      setIsEditing(true);
   };

   const stopEditingHandler = () => {
      setIsEditing(false);
   };

   return (
      <div className="new-expense">
          {!isEditing && (
              <button onClick={startEditingHandler}>Add New Expense</button>
          )}
          {isEditing && (
              <ExpenseForm
                  onSaveExpenseData={saveExpenseDataHandler}
                  onCancel={stopEditingHandler}
              />
          )}
      </div>
  );
};

export default NewExpenses;

提前致谢...

Answer 1

修复导入 useState:

import {useState} from 'react';

Answer 2

如 MHP 所说：您导入的 useState 没有花括号。这仅在 useState 作为默认导出从 "react" 导出时才有效，但事实并非如此。 "react" 的默认导出是 React，而 useState 是命名导出。有关详细信息，请参阅答案。

使用 useState() 方法时出错

Getting Error while using useState() method

javascript

reactjs

use-state