使用 useState() 方法时出错 [关闭]答案

【问题标题】：Getting Error while using useState() method [closed]使用 useState() 方法时出错 [关闭]
【发布时间】：2021-06-03 19:28:35
【问题描述】：

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;

提前致谢...

【问题讨论】：

标签： javascript reactjs use-state

【解决方案1】：

修复您的导入useState：

import {useState} from 'react';

【讨论】：

【解决方案2】：

就像 MHP 所说：您正在导入不带花括号的 useState。这仅在 useState 作为默认导出从 "react" 导出时才有效，情况并非如此。 "react" 的默认导出是 React，而 useState 是命名导出。有关更多信息，请参阅this 答案。

【讨论】：