如何解决离子反应中的反应钩子使用状态错误
我正在使用 ionic-react 并且一切都很顺利,但是当我尝试从 react 钩子使用 useState 时,我遇到了这个问题: 我的尝试:
- 使用“npm update”将所有包更新到项目文件夹中的最新版本
- linking with react and react dom(第一个答案)
- 正在更改我的 package.json 文件。
问题仍然存在。
该应用程序在不使用钩子的情况下运行流畅,但非常需要,如果有替代方案,我也可以使用。
注意: 我没有在这个问题中明确创建反应库 here 我使用 npm 安装了所有依赖项
这是我的包 json 文件:
{
"name": "frontend-client-cpp","version": "0.0.1","private": true,"dependencies": {
"@ionic/react": "^5.6.5","@ionic/react-router": "^5.6.5","@testing-library/jest-dom": "^5.12.0","@testing-library/react": "^11.2.5","@testing-library/user-event": "^12.6.3","@types/jest": "^26.0.20","@types/node": "^12.19.15","@types/react": "^16.14.3","@types/react-dom": "^16.9.10","@types/react-router": "^5.1.11","@types/react-router-dom": "^5.1.7","ionicons": "^5.4.0","react": "^17.0.1","react-dom": "^17.0.1","react-router": "^5.2.0","react-router-dom": "^5.2.0","react-scripts": "4.0.2","typescript": "^4.1.3","web-vitals": "^0.2.4","workBox-background-sync": "^5.1.4","workBox-broadcast-update": "^5.1.4","workBox-cacheable-response": "^5.1.4","workBox-core": "^5.1.4","workBox-expiration": "^5.1.4","workBox-google-analytics": "^5.1.4","workBox-navigation-preload": "^5.1.4","workBox-precaching": "^5.1.4","workBox-range-requests": "^5.1.4","workBox-routing": "^5.1.4","workBox-strategies": "^5.1.4","workBox-streams": "^5.1.4"
},"scripts": {
"start": "react-scripts start","build": "react-scripts build","test": "react-scripts test","eject": "react-scripts eject"
},"eslintConfig": {
"extends": [
"react-app","react-app/jest"
]
},"browserslist": {
"production": [
">0.2%","not dead","not op_mini all"
],"development": [
"last 1 chrome version","last 1 firefox version","last 1 safari version"
]
},"description": "An Ionic project"
}
解决方法
在您的 package.json
中,缺少依赖项 "@ionic/react-hooks"
,因此请安装它:
$ npm install @ionic/react-hooks
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。