react-dom相关内容

响应17.0.1:挂钩调用无效。只能在函数组件的主体内部调用挂钩

这里是非常新的Reaction用户。我已经对这个错误进行了数小时的故障排除。我以前让这个组件作为一个类工作,但最近似乎每个人都在向功能组件迁移,所以我正在尝试转换它。我在没有使用STATE的情况下执行了中间转换,它工作得很好,但在将用户名和密码转换为状态值时遇到了问题。 当我使用以下代码时,我得到一个错误: Uncaught Error: Invalid hook call. Hook ..
发布时间:2022-03-29 23:06:04 其他开发

在 React 不直接管理 DOM 的区域中,可以在浏览器中使用 ReactDOMServer.renderToString 吗?

我正在使用 Leaflet 开发一个应用程序(通过 react-leaflet).Leaflet 直接操作 DOM.react-leaflet 库不会改变这一点,它只是为您提供 React 组件,您可以使用这些组件以对 React 友好的方式控制您的 Leaflet 地图. 在这个应用程序中,我想使用自定义地图标记,它们是包含一些简单元素的 div.在 Leaflet 中执行此操作的方法是将 ..
发布时间:2022-01-12 17:57:13 其他开发

Next.JS 实现外部“.js"用<脚本>

我正在使用 Next.Js 构建一个网站,我尝试实现一个外部 .js 文件(Bootstrap.min.js 和 Popper.min.js),但它没有显示.我不确定是什么问题! 我是这样实现的: import Head from 'next/head';//部分从'./nav'导入导航常量布局=(道具)=>( 网站{/* 元标签 */} ..
发布时间:2022-01-08 22:40:28 前端开发

反应:内容中的原始 HTML 标签

我正在开发一个 React 应用程序.有一些包含 HTML 标签的动态内容.当我在页面上显示该内容时,它显示的是原始 HTML 标记. 比如说: const msg = "这里有一些文本" 我想在页面上这样显示一些文字在这里 如果我使用 dangerousHtml 那么它的显示是这样的,没有粗体“这里有一些文字" 有人可以帮忙吗? 提前致谢! 解决方案 你可以像 ..
发布时间:2021-12-21 18:22:17 其他开发

React - 在 DOM 渲染时显示加载屏幕?

这是来自 Google Adsense 应用程序页面的示例.主页面之前显示的加载屏幕显示之后. 我不知道如何用 React 做同样的事情,因为如果我让 React 组件渲染加载屏幕,它在页面加载时不会显示,因为它必须等待 DOM 之前渲染. 更新: 我通过将屏幕加载器放在 index.html 中并在 React componentDidMount() 生命周期方法中将其删除来制 ..
发布时间:2021-12-02 10:41:42 其他开发

React Modal Updater 在 setState() 后不刷新页面

有人建议我浅拷贝一个对象,因为仅使用 = 符号复制状态对象会“指向"对象.到旧状态. 现在,我知道了:我的屏幕上有一个列表,其中的每个项目都是状态数组中的一个元素.每个项目都有自己的“变化".按钮,当按下该按钮时,会打开一个反应模式,将所有项目信息输入文本输入,因此我可以更改它并按下“更新"按钮.模态中的按钮.按下后,模态应该关闭,列表应该刷新,但最后一件事不会发生. 这是整个组件代码 ..
发布时间:2021-09-15 19:36:38 其他开发

在 react-router-dom 中的某些页面上隐藏标题

有没有办法可以只为 React Router 中的某些路由隐藏我的页眉?我现在的问题是我的 App 组件呈现我的 Main 组件,其中包含我的 BrowserRouter,而我的 Header 是在我的 App 组件中呈现,所以我无法根据路由路径呈现标题. 这是一些代码: App.js 从'react'导入React;从'react-router-dom'导入{BrowserRout ..
发布时间:2021-07-04 20:52:07 其他开发

删除项目后反应列表呈现错误数据

我有一个简单的学生对象列表,其中包含名称和状态分数. 他们的名字绑定到{student.name},他们的分数绑定到 每当我想从这个列表中删除第一个学生时通过调用 set state 重新渲染组件. 第二个学生的输入标签显示第一个学生的分数而不是自己的.为什么会在我做错的地方发生这种情况?? 这是我的代码jsbin class App 扩展 React.Component ..
发布时间:2021-07-03 20:54:59 其他开发

从 react-router-dom 属性“sumParams"升级版本 4 useParams() 后 TypeScript 错误在类型“{}"上不存在

升级到版本 4 后出现 typeScript 错误在react-router-dom的useParams()中使用 “打字稿":“^4.0.2" import { useParams } from 'react-router-dom';const { sumParams } = useParams(); 属性“sumParams"在类型“{}"上不存在. 项目运行良好,只有在升级后才抛 ..

react.js:尖括号中的javascript不起作用

出于某种原因,当我尝试将 JavaScript 输入到 HTML 部分的角度部分时,它不起作用.我正在使用 Thymeleaf. 这是 HTML 部分: 点击关于{firstName[i]}的信息 所以在这种情况下它不起作用并返回一个错误: 意外错 ..
发布时间:2021-07-03 20:43:41 其他开发

ReactJS findDOMNode 和 getDOMNode 不是函数

我正在使用 ReactJS 和 Flux 构建一个网络应用程序,我正在尝试使用 findDOMNode 方法获取当前 div 的节点,但出现下一个错误: 未捕获的类型错误:React.findDOMNode 不是函数 所以,我尝试使用 getDOMNode 并且我得到了同样的错误: 未捕获的类型错误:React.getDOMNode 不是函数 我正在使用 npm 来构建 JS,我使用这些方 ..
发布时间:2021-07-03 20:16:43 其他开发

什么时候触发`componentDidMount`?

这是我在 React 中经常遇到的问题.componentDidMount 方法保证在第一次渲染组件时被触发,所以它看起来是一个自然的地方来进行 DOM 测量,比如高度和偏移量.但是,在组件生命周期的这一点上,我多次收到错误的样式读数.当我与调试器中断时,组件 在 DOM 中,但它尚未绘制在屏幕上.大多数情况下,宽度/高度设置为 100% 的元素都会出现这个问题.当我在 componentDidU ..
发布时间:2021-07-03 19:55:50 其他开发