javascript - 使用 useState() 方法时出错

Question

为什么会出现此错误，请检查此图像

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

这是我下面的代码

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;

提前致谢...

标签： javascriptreactjsuse-state

Answer 1

修复您的导入useState：

import {useState} from 'react';