使用包装器时从非函数组件调用 React-Redux 调度函数
我有一个 React-Redux 存储，它包装在 next-redux-wrapper 中。我想在 React 组件之外调度一个函数，但由于包装器的原因我无法这样做。有办法导入吗
使用包装器时从非功能组件调用 React-Redux Dispatch 函数
我确实有一个react redux store，它包装在next-redux-wrapper中。我想在 React 组件之外调度一个函数，但由于包装器的原因我无法这样做。有没有办法让我...
如何使用 redux tollkit 修复 Next 14 中的错误“请确保组件包裹在 <Provider> 中”？
我很难让 Next.js 14 与 Redux Provider 一起使用。我按照 Redux 官方文档上的所有说明进行操作，但我不断收到此错误： 错误：找不到反应-...
./node_modules/@redux-saga/core/dist/redux-saga-core.esm.js 中的警告 1343:21-28 “在‘redux’中找不到导出‘compose’ @ ./node_modules/redux-saga/dist/redux-saga-core-npm-proxy.esm.js ...
redux/reducer/cartReducer.ts 从“@reduxjs/toolkit”导入{createSlice，PayloadAction}； 从“../../types/reducer-types”导入{ CartReducerInitialState }； 导入 { 购物车项目，
为什么 Context API 在高频更新方面比 Redux 差？
我看到很多文章说Redux比高频更新在性能上比Context API更好，但没有具体说明原因。 是什么让人们说 Redux 比 Context API 更好......
这是我的代码： 商店.js 从 'redux' 导入 {createStore, applyMiddleware, compose}； 从“不可变”导入{fromJS}； 从“react-router-redux”导入{routerMiddleware}； 导入createSagaMidd...
我正在尝试 redux 工具包，目前有以下切片和突变： 导出 const apiSlice = createApi({ 减速器路径：“api”， 基本查询： fetchBaseQuery({ 基本网址：“
如何使用 router.push 从“next/navigation”传递数据
我们如何使用 next/navigation 中 useRouter() 的 router.push api 以编程方式将数据从一个路由传递到另一个路由？ 另外，我们如何在 next/
React-Redux useSelector typescript type for state
我正在使用 React-Redux 中的 useSelector(state => state.SLICE_NAME) 挂钩，但是我在定义状态参数时遇到了困难。它默认设置为未知，因此当我尝试时会收到错误...
如何在 RTL 测试中使用 React Redux useDispatch 钩子？
我想在使用 redux 调度后测试 React 组件。我正在使用“test-utils.ts”文件中的自定义渲染函数： 从 'react' 导入 { ReactElement } 导入{渲染，渲染O...
Next.js：如何通过 https localhost 使用 CLI (next dev) 启动开发模式
在 Next.js 中，哇，通过 https localhost 使用 CLI (next dev) 启动开发模式？ 我应该将哪些参数传递给“next dev”命令，该命令可以在 package.json 中编辑？ 我不...
我正在使用 Next JS 12.2.0。我有如下链接标签， {帖子标题} 问题是某些 href 结尾有
我正在使用react和redux从API调用中获取数据，现在我创建了一个新变量并为其分配了相同的数据。在代码中，我将操作这个名为
使用 Typekit / Adobe Fonts 和 @next/font
当前的 Next.js 字体优化文档和 @next/font API 参考描述了如何引入 Google Fonts 以及本地字体文件，但引入 Typekit / Adobe 的最佳实践......
在使用 next auth 进行 Oauth 时，getServerSession 在 nextjs 13.5.2 api 路由处理程序中始终返回 null
`我目前正在开发一个 To-Do 应用程序来练习 Next.js 和 Next-Auth。我正在使用 Next-Auth 作为 OAuth 提供程序，并且我想为每个待办事项添加一个“createdBy”属性以及相应的...
使用 Redux 和 Typescript，如何正确键入“mapStateToProps”函数以仅允许通过状态传递 3 个参数中的 2 个？
我正在将 React 18 与 Redux 8 和 Typescript 结合使用。我想创建一个组件，允许调用者传入其中一个参数，但其他两个参数是从状态派生的。所以我创建了
我有一个 Next.js 应用程序，我使用 next-pwa 作为离线模式。现在我想添加推送通知（OneSignal解决方案），我看过很多文章/教程，它们都需要创建/更新...
为什么Nextjs 14显示按钮与next/font和tailwind不同？
我正在尝试升级到nextjs 14，但坚持如何使用next/font。我有两个具有完全顺风类的按钮，只是最后一个的 nextjs 字体类名不同 这是我的代码 我...
Typescript 无法与 tsconfig.json 一起使用
在项目中使用 tsconfig 运行 tsc --watch 时，出现以下错误。 它需要 Node js 中的 React 和 Redux 类型。 错误 TS2688：找不到“abstract-leveldow...”的类型定义文件...
在store中action的payload中，我使用File类型存储下载的文件，然后该文件将在saga中通过验证 const form = new FormData(); if (私钥 &&
我在我的角度应用程序中使用角度材料2。当我的表单输入字段错误消息超过一行时，我遇到了问题。这是照片： 这是代码： 我在我的角度应用程序中使用角度材料 2。当我的表单输入字段错误消息超过一行时，我遇到了问题。这是照片： 这是代码： <md-error *ngIf="password.touched && password.invalid"> <span *ngIf="password.errors.required"> {{'PASSWORD_RECOVERY.FIELD_REQUIRED' | translate}} </span> <span *ngIf="password.errors.minlength || password.errors.maxlength"> {{'PASSWORD_RECOVERY.PASSWORD_LENGTH' | translate}} </span> <span *ngIf="password.errors.pattern"> {{'PASSWORD_RECOVERY.FOR_A_SECURE_PASSWORD' | translate}} </span> </md-error> 我通过阅读 github 了解到，这是 Angular 2 材料中的一个错误。有人通过自定义解决方法成功解决了这个问题吗？ 问题是类为 .mat-form-field-subscript-wrapper 的元素是 position: absolute，所以它不占用实际空间。 按照 xumepadismal 在 github 上关于此问题的建议，您可以添加此 scss 作为解决我的问题的解决方法： // Workaround for https://github.com/angular/material2/issues/4580. mat-form-field .mat-form-field { &-underline { position: relative; bottom: auto; } &-subscript-wrapper { position: static; } } 它会转换静态 div 中的 .mat-form-field-subscript-wrapper 节点，并将 .mat-form-field-unterline 重新定位在输入字段之后。 正如材料 15 中在 github 讨论中提到的，可以通过将 subscriptSizing="dynamic" 添加到 mat-form-field 来解决问题。 要更改默认行为，您必须使用以下选项更新 angular.module.ts 提供程序： providers: [ { provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { subscriptSizing: 'dynamic' } } ] 这也可以在材料文档中找到 使用@mattia.corci提出的解决方案会导致错误消息被推到底部太多，从而在顶部留下不必要的空白空间。 使用 Tailwind CSS，这个解决方案对我来说适用于最新的 Angular 17： .mat-mdc-form-field { @apply w-full self-start; .mat-mdc-form-field-subscript-wrapper { @apply flex; .mat-mdc-form-field-error-wrapper { @apply static; } } } mat-form-field.ng-invalid.ng-touched { animation: example; animation-duration: 0.3s; margin-bottom: 20px; } @keyframes example { from { margin-bottom: 0; } to { margin-bottom: 20px; } } 它对我有用。
努力为使用 redux/sagas 的文件编写一些单元测试。 app.tsx 文件看起来像这样 从 'react' 导入 React, { StrictMode } 从'react-dom'导入ReactDOM 导入 { Provider } f...
如何在 next js 13 的客户端组件中处理 firebase 和 webrtc 任务
我创建了一个 next js 13 应用程序来与 webrtc 和 firestore 共享相机源。这是我的 page.tsx。我无法使这个服务端因为我使用了反应钩子并且我无法将其移动到客户端
`我的 React 应用程序运行良好，但升级到 React 18、mui v5 和 redux v5 后，它没有渲染任何内容。 在终端中，我得到： webpack 编译成功 但在 chrome 控制台中...
我需要帮助更新 Mac 上的 Node 版本才能使用 Next JS，即使已安装，我仍然收到错误消息
我正在创建一个新的 NextJS 应用程序，它说它需要较新版本的 Node >= v18.17.0 才能与 Next JS 一起使用。我一直在尝试更新，但它说活动节点版本是
Jenkinsfile / recordIssues 从文件创建“过滤器”数组
我们使用“Warnings Next Generation Plugin”中的 recordIssues 来可视化 Trivy-Dockerimage-Scanner“aquasec/trivy”生成的结果。这个工具可以...
使用 create-next-app 启动新的 Next.js 14 应用程序时，为什么会出现与 favicon.ico 相关的“模块未找到”错误？
我运行了以下命令来启动一个新的 Next.js 应用程序： npx create-next-app@latest 但是 npm run dev 给了我以下错误： 找不到模块：无法解析 'C:\xxxxx\xxxxx\xxxxx\my-app\src pp\
我正在开发一个使用 Angular 15 的 Excel 插件，在 Angular 应用程序中，我刚刚添加了 @ngrx/store。我也将开发工具添加到了模块中。我注意到 Excel 使用 Edge 来运行该加载项。
使用 WebSocket 和 React 构建通知面板时的推荐方法
我正在使用 websocket 和 React 构建一个通知面板。我应该使用 redux 工具包还是 useContext 来管理 Websocket 的集中位置？或者还有其他建议的方法吗...
next.js 14 错误：无法读取未定义的属性（读取“get”）”
官方示例https://github.com/vercel/next.js/tree/canary/examples/next-forms在createTodo时出现错误“Error: Cannot readproperties of undefined (reading 'get')”。但是……
app/auth-callback/page.tsx 从 'next/navigation' 导入 { useRouter, useSearchParams } 从“反应”导入反应 从 '../_trpc/client' 导入 { trpc } 常量页面 = () => { 常量路由器 =
我有一个结构如下的 Next js 项目： 。 ├── 媒体 │ └── img.jpg ├── package.json ├── package-lock.json ├── postcss.config.js ├── 来源 │ ├── 组件 │ │ └── 动画角色...
我在路由中创建了一个名为 jsconfig.json 的文件： { “编译器选项”：{ “baseUrl”：“。” } } 我有最新的 nextjs "next": "latest" 当前...
如何在 Redux Saga 中使用 React Hook？
我正在为我的应用程序设置语言。但我有一个问题。 我使用 React.useContext() 来设置语言。但是当我在 saga 的 toast 中修复它时，它会记录： [错误：无效的挂钩调用。 Hooks 只能在 ins 中调用...
下一个验证 | GithubProvider 错误=OAuthCallback
我正在使用 nextAuth，而且我正在使用 GithubProvider。我的 vsCode 终端刚刚出现错误： [下一个身份验证][错误][OAUTH_CALLBACK_ERROR] https://next-auth.js.org/errors#oauth_callback_error
我的代码如下： /** * 输入自动完成提供者 */ 类InputAutoCompletionProvider { // eslint-disable-next-line class-methods-use-this 提供完成项目（文档，位置...
此悬念边界在完成水合之前收到了更新。 React Native、Expo 路由器、Redux、Supabase
在 Expo 上启动开发服务器，在 localhost:8081 上的浏览器上打开，期望应用程序呈现，但出现错误： 这个悬念边界在完成水合之前收到了更新。这...
无法在 Next JS 中显示来自 FastAPI 的 blob 图像
所以我有自己的使用 FastAPI 构建的 API，它返回一个图像 返回响应（内容= img_byte_arr.getvalue（），media_type =“image / jpeg”） FastAPI Swagger 中一切正常...
嗨，我正在尝试将框架运动导入到 Next Js 中的页面中。 从“framer-motion”导入{motion} 这会破坏页面。我在终端中收到以下错误： /用户/.../站点/.../
我正在 Next.js 创建一个语言切换器。它工作正常，但我希望默认选择当前语言。因此，我正在这样做。 从 'next/... 导入 { useRouter }
在我的 Home.js 中我有以下代码 从“反应”导入反应； 导入'./Home.css'; 常量文本变体 = {...} 常量主页 = () => { 返回 （ ... 在我的 Home.js 中，我有以下代码 import React from 'react'; import './Home.css'; const textVariants = {...} const Home = () => { return ( <div id='home' className='page'> <motion.div className='text-wrapper' variants={textVariants} initial='initial' animate='animate'> <motion.div className='text-container' variants={textVariants}> <motion.h1 variants={textVariants}>NAME</motion.h1> <motion.h2 variants={textVariants}>An enthusiatic university student</motion.h2> </motion.div> </div> ); }; export default Home; 在 Home.css 中， .text-wrapper { max-width: 1366px; height: 100%; } .text-container { height: 100%; width: 50%; padding-left: 10%; h1 { letter-spacing: 10px; font-size: 50px; margin-bottom: -5%; } h2 { font-size: 80px; } } 我有 About.js 和 About.css 以及以下内容， import './About.css'; const About = () => { return ( <div id='about' className='page'> <div className='text-container'> <h1>About Me</h1> </div> </div> ); }; 但是 About.js 应用了 Home.css 中的内容，即 .text-container。我该如何避免这种情况？我不知道为什么 Home.css 被应用到 About.js 即使我没有导入它。 在React js中，任何根组件中导入的css文件适用于整个项目。 css 类可以在项目层次结构中的任何位置访问。 我们无法避免这种情况，因为文件被应用于根目录。您必须为不同的组件使用特定的类名称。 专业提示：创建可重用的组件，以便您可以将相同的类应用于每个相同的组件..
我正在尝试在 Azure 的静态 Web 应用程序服务上部署 Next JS 应用程序。我已经构建并运行了应用程序，但图像未渲染。从控制台，它报告 404 not find e...
嗨，我正在为我的博客使用无头 cms“next-wordpress-starter”，并添加了一个中间件来处理来自“x”站点的流量，并将其重定向回该站点。在当地环境...
如何编写类型安全的函数签名来接受 amplify-js v6 graphql 订阅通知的回调函数？
使用版本 6.0.9 的 NPM 库 aws-amplify （不是 5.x.x！），我尝试将调用包装到 client.graphql({ query: typedGqlString, Variables}).subscribe({ next, error }），这样我就可以治疗...
所以我使用express-async-handler来处理异步函数，它应该在抛出错误后自动添加next()，但由于某种原因它看起来没有。 这是我的功能
Next.js 14 JWT 会话错误与下一步身份验证 - 类型错误
我一直在使用 Next.js 14 和 Next Auth 5 beta，每当我尝试登录时，我都会得到 [验证][错误][JWTSessionError] [auth][原因]：类型错误：无法读取未定义的属性（
Next JS (React) 不理解 stencil Prop
按照目前的流程，React 在我们的 SPA 中托管模板 JS 组件，像往常一样，随着范围的增加，它现在对 SEO 和性能产生影响，而且重点是我们无法改变主要架构......
什么在 Next.js next/navigation 中的react-router-dom 中替换 useLocation() ？
最近，我从 React 迁移到 Next.js [email protected]。在我的网站中，我在使用 useNavigate() 推送时使用了状态，并使用 useLocation() 从另一个页面获取值。我怎样才能做同样的事...
分页时如何从 Okta 的 API List Users 中的响应标头获取 Next Link？
我正在尝试为其 API 端点列表用户实现 Okta 的分页。看起来为了分页，必须通过响应中的传入标头获取下一个链接。当执行...