使用react.development.js时出现useState未定义的引用错误求助

开发者阿泽

2026-6-28

解决React中useState未定义的报错问题

问题原因

useState是React的内置Hook，你直接调用useState()但没有明确从全局React对象中获取它，导致浏览器无法识别这个变量，抛出ReferenceError。

两种解决方式

方式1：从React中解构useState

在组件代码前添加解构语句，把useState从全局React对象中提取出来：

const { useState } = React;

const ReminderSet = () => {
    console.log("Reminderset Rendering");
    const [reminders, setReminders] = useState(defaultReminder);
    // 注意：组件必须返回JSX元素，否则无法正常渲染
    return <div>你的组件内容</div>;
};

方式2：直接通过React.useState调用

不需要解构，直接使用完整的命名空间访问：

const ReminderSet = () => {
    console.log("Reminderset Rendering");
    const [reminders, setReminders] = React.useState(defaultReminder);
    return <div>你的组件内容</div>;
};