react-18 相关问题


在React版本18中使用react-facebook-login

我希望将react-facebook-login库与React版本18一起使用,但我无法安装该包。 npm 在控制台上抛出错误? 该库是否支持 Reac 18 版本...


升级到 React 18 后 React App 未渲染

`我的 React 应用程序运行良好,但升级到 React 18、mui v5 和 redux v5 后,它没有渲染任何内容。 在终端中,我得到: webpack 编译成功 但在 chrome 控制台中...


无法从React上下文访问ref

出于某种原因,在 React 18 和 Typescript 5.x 中,我似乎无法访问通过上下文包装器明确设置和定义的 ref 的属性。我有这样的事情: 帕...


如何在 Ionic 7 中将状态传递给 IonRouterLink?

我正在使用 ionic 7 和 React 18。我有这个路由器链接 routerLink='/联系人' style={{ 颜色: '蓝色', 光标: '指针', marginLeft: '4px' }} > 怎么会...


Next.js 14 未处理的运行时错误:React Context 在服务器组件中不可用

我正在使用nextJS14 ⨯ 节点模块 外部验证 eact\index.js (113:10) @ useSession ⨯ 错误:React Context 在服务器组件中不可用 在家 (./app/page.tsx:18:90) 在字符串化() 摘要:&...


使用 Redux 和 Typescript,如何正确键入“mapStateToProps”函数以仅允许通过状态传递 3 个参数中的 2 个?

我正在将 React 18 与 Redux 8 和 Typescript 结合使用。我想创建一个组件,允许调用者传入其中一个参数,但其他两个参数是从状态派生的。所以我创建了


单击行中的图标时,如何防止离子复选框被选中?

我正在使用 Ionmic 7 和 React 18。我有一个可以检查或编辑的简单项目列表。 选择商品 我正在使用 Ionmic 7 和 React 18。我有一个可以检查或编辑的简单项目列表。 <IonList> <IonLabel> <strong>Select Items</strong> </IonLabel> {items.map((item) => ( <IonItem key={item}> <IonCheckbox slot="start" name="selectedItems" value={item} /> <IonLabel>{item}</IonLabel> <IonIcon icon={pencilOutline} slot="end" onClick={onEditHandler(item)} style={{ marginLeft: '10px' }} /> </IonItem> ))} </IonList> 问题是当我单击“编辑”图标(铅笔)时,复选框被选中,并且我的编辑处理程序未被调用。演示在这里 - https://stackblitz.com/edit/an5yjh-i9tnnh?file=src%2FApp.tsx,src%2Fcomponents%2FFormWithChceckboxes.tsx。我想将其添加到处理程序中 e.stopPropagation(); 会阻止选中复选框,并且该过程可以继续,但显然不是。 您可以通过向编辑图标添加 z 索引以将其放置在 IonItem 上方来解决该问题,如下所示: <IonIcon icon={pencilOutline} slot="end" onClick={onEditHandler(item)} style={{ marginLeft: '10px', zIndex:10 }} /> 我建议您使用语法正确的 HTML,通过使用 button 来触发操作 😉 <IonButton fill="clear" onClick={() => onEditHandler(item)}> <IonIcon slot="icon-only" icon={pencilOutline}></IonIcon> </IonButton> 这样你就不需要与冒泡效果作斗争了。 https://stackblitz.com/edit/an5yjh-b5wpv5?file=src%2Fcomponents%2FFormWithChceckboxes.tsx


检查用户是否小于18岁[重复]

嗨,我是使用日期时间进行 python 编程的新手(老实说,一般来说)。 所以我正在做一个项目,我需要检查用户是否超过 18 岁。我使用 timedelta 来获得差异...


502 由协议 >= 3.19.0

023-06-25 07:18:17 默认[20230625t071600]回溯(最近一次调用):文件“/layers/google.python.pip/pip/lib/python3.8/site-packages/gunicorn/ arbiter.py”,第 589 行,位于


在Python中循环时更新列表时出错

为什么列表“spans”从未更新?我无法弄清楚为什么代码会陷入无限循环。 PDF:https://www.sil.org/system/files/reapdata/62/99/18/


我需要使用Xpath提取alt元素

在此输入图像描述 我正在使用这个xpath //*[@class="相对mr3"]//div[2]//img/alt/text() 提取 “Tramontina Primaware 18 件套不粘炊具套装,钢灰色&qu...


Demandware - 未找到当前域的管道

我已经做好了管道。效果很好。突然它给出了类似的错误 2015-12-18 02:39:08.091 GMT] 错误 system.core ISH-CORE-2368 Sites-SiteGenesis-Site core Storefront [uuid] [request-id...


如何访问NodeJS中的FetchError类

NodeJS 18 对 fetch 提供了实验性支持 https://nodejs.org/dist/latest-v18.x/docs/api/globals.html fetch 函数抛出 FetchError 实例,我需要在 try-catch 中使用 insta 对其进行分析...


制作一个姓名字符串数组,说明他们是否可以去黑客帝国(18岁以下)

函数 makeStrings(arr){ // 这里是你的代码 } console.log(makeStrings([ { 姓名:“安吉丽娜·朱莉”, 年龄:80 }, { 姓名:“埃里克·琼斯”, ...


带有 nginx-proxy 的 Docker:不允许附加属性名称

从 ubuntu 18 升级到 Ubuntu 20.04.6 LTS 后 Docker 停止工作 我正在使用 docker-compose 但它完全停止工作。所以我切换到“docker compose” 我现在正在尝试...


我无法打印onChange的值

从“react”导入React; 从“react-input-mask”导入InputMask; 从“./inputMask.module.scss”导入样式; 从“反应...


使用 pandas 根据日期时间分配时间范围

我需要根据输入的时间找到master的时间范围。 cust_id 开始时间 0 1 2000-01-01 09:00:03 1 2 2000-01-01 18:01:03 我需要的输出是 客户 ID ...


Web 项目在 Tomcat 上运行,但在 jboss 6 上部署失败

我正在部署一个在tomcat上运行良好的war,但我无法将它部署在jboss上。 18:05:26,638 错误 [org.jboss.msc.service.fail](MSC 服务线程 1-2)MSC000001:无法启动服务 jb...


@types/ws 尝试从角度 12 更新到角度 13 时出现错误

我已将我的项目从 Angular 12 更新为 Angular 13,但遇到此错误: 错误:node_modules/@types/ws/index.d.ts:328:18 - 错误 TS2315:类型“服务器”不是通用的。 328服务器?:


使用Word VBA重新定义现有文本框的位置和大小

我在Word 2019中创建了文本框。 文本框的名称是“A1001”。 文本框的位置为“Left=37 and Top=155”。 文本框的大小为“高度=18,重量=100”。 这个参数...


无法使用pypyodbc访问SQLite3数据库

我正在将一个 Python 程序从装有 Microsoft SQL Studio 18 的 Windows 笔记本电脑切换到树莓派,这样我就可以让它 24/7 运行。在笔记本电脑上,使用 pyodbc 运行得很好


辅助轴上的 Y 标签彼此重叠

我正在尝试绘制以下内容,我注意到 y 轴上的标签全部位于彼此之上。 我怎样才能避免这种情况? 我使用下面的代码来绘制图: plt.figure(figsize=(18, ...


Spring Boot 3.1.X及以上版本的Kafka客户端连接问题

我最近将我的一项 Spring Boot 服务升级到 3.1.x,升级后我遇到了 kafka 问题。它似乎无法连接并不断向我提供以下日志。 2024-01-03T06:18...


致命错误 C1001:内部编译器错误(编译器文件“msc1.cpp”,第 1794 行)

我尝试使用 Visual Studio 6 SP6 编译项目并得到以下结果: usbcore.h(18):致命错误 C1001:内部编译器错误 (编译器文件“msc1.cpp”,第 1794 行) 请选择...


在 Nodejs 上使用 readFileSync 和 esm 模块时遇到问题

我正在尝试将我的 commonjs 存储库转换为 ESM,但在使用 readFileSync 命令时遇到问题。看来我在节点 18 和节点 20 上得到了不同的行为。我尝试加载路径: D:\dev s-


无法在react-三纤维中导入dat.gui

对于使用react- Three-Fiber制作的项目,我导入了以下库: 从 '三' 导入 * 作为三; 从“react”导入 React, { Suspense, useState }; 导入 { 画布,useLoader }


无服务器框架版本 2 是否支持 Node.js 版本 18 或更高版本

我们收到了来自 AWS 的 lambda 通知:AWS 将在 6 月 24 日之后终止对 Node.js 版本 16 或更低版本的支持生命周期 (EOL)。目前我们的无服务器框架版本:“2”


为什么我导入 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}; 出口...


Biquery - 如何用窗口函数替换自连接以获得 +/- 7 天的 ids

我有一个如下所示的数据集 客户ID 日期 订单号 时间戳 1 2024-01-01 XY 2024-01-01 18:47:33 1 2024-01-01 兹尔 2024-01-01 20:15:00 1 2024-01-06 df 2 2023-12-01 锰 2 2024-01-0...


create-react-app的内容没有推送到github

我将 Go 和 React 代码推送到了 github。 Go代码已成功提交,但React代码未成功提交。 React 内容是由 create-react-app 创建的。 文章 ├ 应用程序接口 │ └ main.go └ 客户 └ 反应


创建新的 React 应用程序时遇到麻烦

当我尝试创建一个新的 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...


如何在 EAS 构建中使用 React Native Reanimated?

我按照react-native-reanimated文档的安装说明创建了两次相同的应用程序https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/ge...


React-select:虚拟化选项列表

在最新版本的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 上

电流输出: 预期输出: 当前代码实施: 从“反应”导入反应 从 'react-native-svg-charts' 导入 { LineChart, XAxis, YAxis } 从 'react-native' 导入 { View, Text }


create-react 应用程序的替代品是什么

我有一个基于 Create React App 构建的 React 项目,我正在探索替代构建工具。有哪些推荐的方法或工具可以从 Create React App 迁移出来?有什么经历或


饼图未使用 Chart 在 React 中渲染

我在使用react-chartjs-2库和Chart.js在React组件中渲染饼图时遇到问题。图表的数据是从 API 获取的,图表预计


带斜杠的边框半径在 React-pdf 中不起作用

我知道我们可以在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; 导入


我的 nextjs 项目中的信号存在一些问题

“使用客户端”; 从“react”导入 React, { useEffect, useState }; 从“framer-motion”导入{ AnimatePresence,运动}; 从“...


React 图标未解析

编译失败。 找不到模块:错误:无法解析“C:\Users\janan\OneDrive\Desktop\dukaan”中的“react-icons/ai” 伊什扬\sr


有没有办法清除react中的react历史记录?

我有一个针对移动用户的 Web 应用程序,但由于我们的客户不需要移动应用程序,因此它是使用 React 开发的。我已经使用 React Router 实现了应用内路由。我用


如何从 React Native 项目中删除 Kotlin

我之前在Flutter工作,现在切换到React Native,但是当我创建新的React Native项目时,kotlinversion和ndkversion会自动添加到项目中的build.gradle文件中。 嗬...


反应单元测试“不是函数”对象。<anonymous>

努力为使用 redux/sagas 的文件编写一些单元测试。 app.tsx 文件看起来像这样 从 'react' 导入 React, { StrictMode } 从'react-dom'导入ReactDOM 导入 { Provider } f...


在 React Native 中检索 IMEI 号码

我正在开发 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...


© www.soinside.com 2019 - 2024. All rights reserved.