javascript - React - 无效的钩子(Hook)调用。钩子(Hook)只能在函数组件体内调用

标签 javascript node.js reactjs webpack react-redux

我创建了一个react模块,然后使用create-react-app创建了一个react应用程序 当我运行该应用程序时,我在浏览器中收到以下错误:

无效的 Hook 调用。钩子(Hook)只能在函数组件的主体内部调用。

使用 Chrome 开发工具检查我的应用程序,我注意到问题的证据:webpack/babel 在浏览器中加载我的模块的 node_modules,因此存在 2 个版本的 React(以及任何对等依赖项):

enter image description here

有没有办法告诉我的应用程序排除任何模块的node_modules文件夹?

感谢您的帮助。

最佳答案

我按照提到的方法解决了这个问题 here使用react-app-rewired和customize-cra。

您可以在此处找到示例项目:https://github.com/dwjohnston/material-ui-hooks-issue/tree/master

我认为这对于遇到同样问题的其他人来说可能很有用。

再见

关于javascript - React - 无效的钩子(Hook)调用。钩子(Hook)只能在函数组件体内调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57941238/

相关文章:

javascript - 如何根据列值给DC js气泡图着色?

javascript - 如何更改react-big-calendar中特定日期的背景颜色

javascript - 如何终止一个javascript函数

javascript - angularjs fullcalendar eventclick范围

javascript - 从 Mongoose 数组中删除对象

angularjs - 客户端主机名被附加到客户端请求中

javascript - react : Where To Extend Object Prototype

javascript - 用 Jest 模拟 dayjs

javascript - 有人想帮我解决这个 javascript 逻辑吗?

node.js - 在 Nodejs 中使用 Google API 进行服务身份验证