问题标签 [react-class-based-component]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
13504 浏览

reactjs - 更改值后反应组件未更新

在 ReactJS 中,我正在编写一个无状态组件;
因为我读过避免不必要的状态是最佳实践。

该组件表示当输入框包含值时执行功能的输入字段。

现在,我创建了另一个组件,它只是用于测试上述组件的示例。如下所示:

因此,我将 绑定value到组件中的自定义变量,当输入字段的内容发生更改时,该变量会更改。

为什么输入字段组件不使用新用户名更新自己?

亲切的问候,

0 投票
1 回答
11549 浏览

javascript - 使用 React 处理的 onClick 创建锚点

我有一个 React 组件,它根据状态呈现<ul>和插入元素。<li>

当我单击 Anchor 时,控制台显示 Uncaught ReferenceError: clickMenu not defined。我尝试使用 this.clickMenu 代替,但没有任何反应。我注意到渲染的锚看起来像:

有没有办法创建这些锚元素让 React 获取 onClick 定义,而不是将它们传递给浏览器进行解释?

0 投票
2 回答
624 浏览

semantic-ui - 作为 Prop 传递的组件的访问事件

我将React 组件作为道具传递给孩子。该组件有一个事件。在子组件中,我想访问该事件并将其绑定到子组件中的方法。我怎样才能做到这一点 ?

我经常使用Semantic-UI React Modal如下:

现在我想让它可重复使用

如何访问 trigger prop 组件并将其 onClick 事件绑定到 handleOpen 方法?

编辑 :

更准确地说,这是我正在寻找的

0 投票
2 回答
344 浏览

javascript - 选择元素的 findDOMNode() 不工作

我有一个带有选择元素的表单。选择元素的选项值来自 API。所以,我必须动态创建选项。但是,我无法从中获取选择元素DOM

以下是尝试过的代码。我尝试使用 访问选择 ID 元素findDOMNode。这些都没有得到元素。

我需要做什么才能选择元素?

0 投票
1 回答
349 浏览

javascript - 在 React 中将外部库从基于类迁移到函数式组件

我将 JExcel javascript 库与 React 一起使用。该文档概述了使用组件的方法,但使用了ReactDOM.findDOMNode()我认为已被弃用的方法。

我已经尝试将它移动到一个功能组件,但是虽然它表面上确实有效,但存在一个问题,即使用该类的 React 组件重新渲染大约 5 次......并且每次重新渲染都会导致 JExcel 元素添加另一张纸!

这是原始示例代码:

这是我的更新版本,作为一个<MyGrid />组件:

问题是数据是通过父组件中的获取来的。我怀疑是因为这个,或者可能是我对useRef. 有更好的方法吗?

0 投票
1 回答
25 浏览

reactjs - 单击按钮时,不会更新先前的状态

我有这个React Class component我无法将按钮文本从更改onoff

我认为每次单击按钮时都会看到以前的状态并且会更新。

0 投票
2 回答
1155 浏览

javascript - 如何使用 React js 中的上下文将函数从 FUNCTIONAL 传递给 CLASS 组件并在渲染之外(没有 prop)访问它?

如何使用 React js 中的上下文将函数从 FUNCTIONAL 传递给 CLASS 组件?

我的代码:

语境:

authContext.js

功能组件:

应用程序.js

类组件:

AuthForm.js

使用 AuthForm.js(类组件)中的 setAuth 函数,我想更改 App.js(功能组件)中 isAuthenticated 的值。 所以,基本上我想在 componentDidUpdate() 中访问 setAuth。

0 投票
0 回答
155 浏览

javascript - setHours 和 setMinutes 不起作用 React 类组件

我正在禁用时间输出。请看一下随附的图片。我已经导入setHourssetMinutes在此处输入图像描述

0 投票
1 回答
359 浏览

reactjs - 如何在 React.js 中定义 SecureLS 以保护 JWT 令牌等会话详细信息?

我已经浏览了 SecureLS 的 git,但我发现很难在 React 中定义 SecureLS。

如何在 React.js 类组件中这样定义?

0 投票
1 回答
70 浏览

reactjs - 我们如何在基于类的组件的 componentDidUpdate() 生命周期中停止重复调用,就像我们在 useEffect 挂钩中所做的那样?

当我使用基于类的组件时,我必须使用状态布尔值来指定何时开始获取和停止......我试图完成工作的事情很奇怪,但我仍然很想知道我们是否可以停止在 componentDidUpdate() 生命周期方法中也重复调用请求。

我知道这不是从生命周期进行请求调用的正确方法。也不要因此评判我......所以,请告诉我是否有人可以帮助我正确地做到这一点,或者这样做是否合法......