这是我的代码： 商店.js 从 'redux' 导入 {createStore, applyMiddleware, compose}； 从“不可变”导入{fromJS}； 从“react-router-redux”导入{routerMiddleware}； 导入createSagaMidd...
使用包装器时从非函数组件调用 React-Redux 调度函数
我有一个 React-Redux 存储，它包装在 next-redux-wrapper 中。我想在 React 组件之外调度一个函数，但由于包装器的原因我无法这样做。有办法导入吗
使用包装器时从非功能组件调用 React-Redux Dispatch 函数
我确实有一个react redux store，它包装在next-redux-wrapper中。我想在 React 组件之外调度一个函数，但由于包装器的原因我无法这样做。有没有办法让我...
如何在 RTL 测试中使用 React Redux useDispatch 钩子？
我想在使用 redux 调度后测试 React 组件。我正在使用“test-utils.ts”文件中的自定义渲染函数： 从 'react' 导入 { ReactElement } 导入{渲染，渲染O...
React-Redux useSelector typescript type for state
我正在使用 React-Redux 中的 useSelector(state => state.SLICE_NAME) 挂钩，但是我在定义状态参数时遇到了困难。它默认设置为未知，因此当我尝试时会收到错误...
使用自定义React）组件（在Echarts工具提示中带有钩子
我目前正在使用echarts实现散点图。我想使用一个 i18n 函数，它使用 intl lib 中的 formatNumber 。 问题是我不知道是否需要写...
我正在使用react和redux从API调用中获取数据，现在我创建了一个新变量并为其分配了相同的数据。在代码中，我将操作这个名为
当我更改路线或重新加载页面时，语言会重置。 在控制台上我收到以下日志消息： i18next: 语言更改 zh 我认为这是由于这个电话而发生的： 常量 { i18n } =
`我的 React 应用程序运行良好，但升级到 React 18、mui v5 和 redux v5 后，它没有渲染任何内容。 在终端中，我得到： webpack 编译成功 但在 chrome 控制台中...
努力为使用 redux/sagas 的文件编写一些单元测试。 app.tsx 文件看起来像这样 从 'react' 导入 React, { StrictMode } 从'react-dom'导入ReactDOM 导入 { Provider } f...
./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 和 Typescript，如何正确键入“mapStateToProps”函数以仅允许通过状态传递 3 个参数中的 2 个？
我正在将 React 18 与 Redux 8 和 Typescript 结合使用。我想创建一个组件，允许调用者传入其中一个参数，但其他两个参数是从状态派生的。所以我创建了
使用 WebSocket 和 React 构建通知面板时的推荐方法
我正在使用 websocket 和 React 构建一个通知面板。我应该使用 redux 工具包还是 useContext 来管理 Websocket 的集中位置？或者还有其他建议的方法吗...
Typescript 无法与 tsconfig.json 一起使用
在项目中使用 tsconfig 运行 tsc --watch 时，出现以下错误。 它需要 Node js 中的 React 和 Redux 类型。 错误 TS2688：找不到“abstract-leveldow...”的类型定义文件...
如何在 Redux Saga 中使用 React Hook？
我正在为我的应用程序设置语言。但我有一个问题。 我使用 React.useContext() 来设置语言。但是当我在 saga 的 toast 中修复它时，它会记录： [错误：无效的挂钩调用。 Hooks 只能在 ins 中调用...
此悬念边界在完成水合之前收到了更新。 React Native、Expo 路由器、Redux、Supabase
在 Expo 上启动开发服务器，在 localhost:8081 上的浏览器上打开，期望应用程序呈现，但出现错误： 这个悬念边界在完成水合之前收到了更新。这...
我正在使用 vue-i18n 来本地化我的表单。我有一个电子邮件字段，其中有一个占位符，其中包含一个包含 @ 符号的示例电子邮件地址。 emailPlaceholder：'例如：[email protected]'
redux/reducer/cartReducer.ts 从“@reduxjs/toolkit”导入{createSlice，PayloadAction}； 从“../../types/reducer-types”导入{ CartReducerInitialState }； 导入 { 购物车项目，
为什么 Context API 在高频更新方面比 Redux 差？
我看到很多文章说Redux比高频更新在性能上比Context API更好，但没有具体说明原因。 是什么让人们说 Redux 比 Context API 更好......
如何使用 redux tollkit 修复 Next 14 中的错误“请确保组件包裹在 <Provider> 中”？
我很难让 Next.js 14 与 Redux Provider 一起使用。我按照 Redux 官方文档上的所有说明进行操作，但我不断收到此错误： 错误：找不到反应-...
我正在尝试 redux 工具包，目前有以下切片和突变： 导出 const apiSlice = createApi({ 减速器路径：“api”， 基本查询： fetchBaseQuery({ 基本网址：“
我阅读了http://docs.djangoproject.com/en/1.3/topics/i18n/localization/的一些主题 但还不明白我需要做什么。 首先我打算做什么... 我创建了一个新的应用程序，cal...
我正在使用 nextjs 的 withlayout 函数为某些页面添加侧边栏。 导出类型 PageWithLayout = NextPage & { withLayout？：（页面：ReactElement）=> 我正在使用 nextjs 的 withlayout 函数为某些页面添加侧边栏。 export type PageWithLayout<P = {}, IP = P> = NextPage<P, IP> & { withLayout?: (page: ReactElement) => ReactNode; }; 这是我的使用方法： export const Interactions: PageWithLayout = () => { const [ getInteractions, { data: interactionData, fetchMore, variables, loading: isInteractionsLoading, error: isInteractionsError, }, ] = useGetInteractionsLazyQuery({ notifyOnNetworkStatusChange: true, fetchPolicy: "network-only", ssr: false, }); return ( <> <Box height={"100vh"}> </Box> </> ); }; Interactions.withLayout = (page: ReactElement) => { // how do I pass isInteractionsLoading as a prop to this component return <Layout>{page}</Layout>; }; export default Interactions; 我想要实现的是将 isInteractionsLoaded 和 isInteractionsError 作为属性传递给我的布局组件，以便我可以渲染这些状态。有没有一种方法可以实现此目的，而无需将布局组件移动到页面组件内？ 创建一个包装组件的 React Context 提供程序可能是您使用的解决方案，如果您不想使用任何其他包或不想使用 redux 等更强大的工具，则可以使用。 但是在这里使用有点尴尬，具体取决于包含交互的组件树是什么样子。否则可以根据您的需要使用 _app 入口点。 示例上下文和用法 import React from 'react'; export const InteractionContext = React.createContext({ isInteractionsLoading: false, isInteractionsError: null, }); // parent component or _app if necessary const ProviderComponent = () => { return ( <InteractionContext.Provider value={{ isInteractionsLoading, isInteractionsError }}> <Interactions /> </InteractionContext.Provider> ); }; const Layout = ({ children }) => { const { isInteractionsLoading, isInteractionsError } = useContext(InteractionContext); // Now you can use isInteractionsLoading and isInteractionsError here // ... return <div>{children}</div>; };
在store中action的payload中，我使用File类型存储下载的文件，然后该文件将在saga中通过验证 const form = new FormData(); if (私钥 &&
我正在开发一个使用 Angular 15 的 Excel 插件，在 Angular 应用程序中，我刚刚添加了 @ngrx/store。我也将开发工具添加到了模块中。我注意到 Excel 使用 Edge 来运行该加载项。
从“react”导入React； 从“react-input-mask”导入InputMask； 从“./inputMask.module.scss”导入样式； 从“反应...
对于使用react- Three-Fiber制作的项目，我导入了以下库： 从 '三' 导入 * 作为三； 从“react”导入 React, { Suspense, useState }; 导入 { 画布，useLoader }
为什么我导入 React 时服务器返回 MIME 类型为“text/html”？
这是我的js： 从'./node_modules/react'导入React； 从'./node_modules/react-dom'导入ReactDOM； 让 thePage = React.createElement( '主要的'， 无效的， '哈哈' ）； ReactDOM.render(thePage,
尽管已安装，但找不到模块“@tanstack/react-table”
我正在开发一个 TypeScript React 项目，我正在尝试从 columns.tsx 文件中的 @tanstack/react-table 导入 ColumnDef。 从“@tanstack/react-table”导入{ColumnDef}； 出口...
create-react-app的内容没有推送到github
我将 Go 和 React 代码推送到了 github。 Go代码已成功提交，但React代码未成功提交。 React 内容是由 create-react-app 创建的。 文章 ├ 应用程序接口 │ └ main.go └ 客户 └ 反应
当我尝试创建一个新的 React 应用程序时，我收到以下错误消息， 安装软件包。这可能需要几分钟。安装中 React、react-dom 和带有 cra-temp 的 React-scripts...
react-testing-library：无法关闭 MUI Select 的下拉菜单
我有一个 SelectExample.js 从“react”导入 React, { useState }; 从“@mui/material”导入{InputLabel、MenuItem、FormControl、Select、Typography }；> 导出默认fu...
在React版本18中使用react-facebook-login
我希望将react-facebook-login库与React版本18一起使用，但我无法安装该包。 npm 在控制台上抛出错误？ 该库是否支持 Reac 18 版本...
如何在 EAS 构建中使用 React Native Reanimated？
我按照react-native-reanimated文档的安装说明创建了两次相同的应用程序https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/ge...
在最新版本的react-select（3.1.0）中虚拟化选项列表的预期方式是什么？ 有react-virtualized-select，但不再支持。谢谢。
反应问题，当我将标头组件添加到我的主页组件时，没有任何内容加载
从“react”导入React； 从 '@chakra-ui/react' 导入 { ChakraProvider, CSSReset }; 从 'react-router-dom' 导入 { BrowserRouter as Router, Route, Routes }; 从 './nav' 导入导航； 导入首页
电流输出： 预期输出： 当前代码实施： 从“反应”导入反应 从 'react-native-svg-charts' 导入 { LineChart, XAxis, YAxis } 从 'react-native' 导入 { View, Text }
我有一个基于 Create React App 构建的 React 项目，我正在探索替代构建工具。有哪些推荐的方法或工具可以从 Create React App 迁移出来？有什么经历或
我在使用react-chartjs-2库和Chart.js在React组件中渲染饼图时遇到问题。图表的数据是从 API 获取的，图表预计
我知道我们可以在CSS中为半圆设置border-radius: 4px/2px。 但它在 React pdf 中不起作用。 我尝试过这些。 我知道我们可以在CSS中为半圆设置border-radius: 4px/2px。 但它在 React pdf 中不起作用。 我尝试过这些。 你好 我导入了所有 React pdf 元素。但是当我尝试上述设计时，我在控制台中收到错误。 错误是 @react-pdf_renderer.js?v=e8b1cced:113701 Error: unsupported number: NaN at number2 (@react-pdf_renderer.js?v=e8b1cced:58798:11) at PDFDocument2.lineTo (@react-pdf_renderer.js?v=e8b1cced:59998:28) at clipNode2 (@react-pdf_renderer.js?v=e8b1cced:32924:7) at renderBackground3 (@react-pdf_renderer.js?v=e8b1cced:34087:5) at renderNode3 (@react-pdf_renderer.js?v=e8b1cced:34139:3) at renderChild2 (@react-pdf_renderer.js?v=e8b1cced:34123:12) at Array.forEach (<anonymous>) at renderChildren2 (@react-pdf_renderer.js?v=e8b1cced:34125:12) at renderNode3 (@react-pdf_renderer.js?v=e8b1cced:34145:5) at renderChild2 (@react-pdf_renderer.js?v=e8b1cced:34123:12) 有人可以帮忙吗 测试此类语法的最简单方法是在 repl 中https://react-pdf.org/repl 简短的回答是 4px/2 不是单个 px 值，因此 = NAN 使用任何其他单个愚蠢的数字即可。
jquery__WEBPACK_IMPORTED_MODULE_2___default(...)(...).owlCarousel 不是函数（React）
我正在制作一个网络应用程序，我需要在其中实现猫头鹰旋转木马。 我的组件“TopEventSection.jsx”文件： 从“react”导入React，{useEffect}； 从&q导入img...
d3 svg 与 nextjs mouseenter 仅触发一次
我正在开发一个 React 组件，该组件使用了 D3，但是 svg 圆圈仅触发一次。 从 'react' 导入 React, { useEffect, useRef, useState }; 从 'd3' 导入 * 作为 d3； 导入
“使用客户端”； 从“react”导入 React, { useEffect, useState }; 从“framer-motion”导入{ AnimatePresence，运动}； 从“...
编译失败。 找不到模块：错误：无法解析“C:\Users\janan\OneDrive\Desktop\dukaan”中的“react-icons/ai” 伊什扬\sr
我有一个针对移动用户的 Web 应用程序，但由于我们的客户不需要移动应用程序，因此它是使用 React 开发的。我已经使用 React Router 实现了应用内路由。我用
我之前在Flutter工作，现在切换到React Native，但是当我创建新的React Native项目时，kotlinversion和ndkversion会自动添加到项目中的build.gradle文件中。 嗬...
我正在开发 React Native 应用程序，需要检索特定用例的设备的 IMEI 号码。 在 React Native 中是否有推荐且安全的方法来获取 IMEI 号码？
MathJax 未使用 ReactMarkdown 在 React 中渲染 LaTeX
我目前在 React 应用程序中面临 MathJax 和 ReactMarkdown 的问题。我已经设置了一个使用 better-react-mathjax 来渲染 Markdown 内容的组件，包括 LaTeX math express...
signals-react中effect和useSignalEffect的区别
这个问题不是问题，只是出于教育目的。 我正在react应用程序中尝试来自@preact/signals-react的effect和useSignalEffect。 问题是我看到效果并使用SignalEffec...
React 和 Flask-login - 检查用户是否登录
我在前端使用 React 18.2，在后端使用 Flask 登录。 这是一个 RestAPI 设置，身份验证将使用会话。 我自己实现了登录，React 发送登录