问题标签 [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.
reactjs - 更改值后反应组件未更新
在 ReactJS 中,我正在编写一个无状态组件;
因为我读过避免不必要的状态是最佳实践。
该组件表示当输入框包含值时执行功能的输入字段。
现在,我创建了另一个组件,它只是用于测试上述组件的示例。如下所示:
因此,我将 绑定value
到组件中的自定义变量,当输入字段的内容发生更改时,该变量会更改。
为什么输入字段组件不使用新用户名更新自己?
亲切的问候,
javascript - 使用 React 处理的 onClick 创建锚点
我有一个 React 组件,它根据状态呈现<ul>
和插入元素。<li>
当我单击 Anchor 时,控制台显示 Uncaught ReferenceError: clickMenu not defined。我尝试使用 this.clickMenu 代替,但没有任何反应。我注意到渲染的锚看起来像:
有没有办法创建这些锚元素让 React 获取 onClick 定义,而不是将它们传递给浏览器进行解释?
semantic-ui - 作为 Prop 传递的组件的访问事件
我将React 组件作为道具传递给孩子。该组件有一个事件。在子组件中,我想访问该事件并将其绑定到子组件中的方法。我怎样才能做到这一点 ?
我经常使用Semantic-UI React Modal如下:
现在我想让它可重复使用
如何访问 trigger prop 组件并将其 onClick 事件绑定到 handleOpen 方法?
编辑 :
更准确地说,这是我正在寻找的
javascript - 选择元素的 findDOMNode() 不工作
我有一个带有选择元素的表单。选择元素的选项值来自 API。所以,我必须动态创建选项。但是,我无法从中获取选择元素DOM
。
以下是尝试过的代码。我尝试使用 访问选择 ID 元素findDOMNode
。这些都没有得到元素。
我需要做什么才能选择元素?
javascript - 在 React 中将外部库从基于类迁移到函数式组件
我将 JExcel javascript 库与 React 一起使用。该文档概述了使用组件的方法,但使用了ReactDOM.findDOMNode()
我认为已被弃用的方法。
我已经尝试将它移动到一个功能组件,但是虽然它表面上确实有效,但存在一个问题,即使用该类的 React 组件重新渲染大约 5 次......并且每次重新渲染都会导致 JExcel 元素添加另一张纸!
这是原始示例代码:
这是我的更新版本,作为一个<MyGrid />
组件:
问题是数据是通过父组件中的获取来的。我怀疑是因为这个,或者可能是我对useRef
. 有更好的方法吗?
reactjs - 单击按钮时,不会更新先前的状态
我有这个React Class component
我无法将按钮文本从更改on
为off
我认为每次单击按钮时都会看到以前的状态并且会更新。
javascript - 如何使用 React js 中的上下文将函数从 FUNCTIONAL 传递给 CLASS 组件并在渲染之外(没有 prop)访问它?
如何使用 React js 中的上下文将函数从 FUNCTIONAL 传递给 CLASS 组件?
我的代码:
语境:
authContext.js
功能组件:
应用程序.js
类组件:
AuthForm.js
使用 AuthForm.js(类组件)中的 setAuth 函数,我想更改 App.js(功能组件)中 isAuthenticated 的值。 所以,基本上我想在 componentDidUpdate() 中访问 setAuth。
reactjs - 如何在 React.js 中定义 SecureLS 以保护 JWT 令牌等会话详细信息?
我已经浏览了 SecureLS 的 git,但我发现很难在 React 中定义 SecureLS。
如何在 React.js 类组件中这样定义?
reactjs - 我们如何在基于类的组件的 componentDidUpdate() 生命周期中停止重复调用,就像我们在 useEffect 挂钩中所做的那样?
当我使用基于类的组件时,我必须使用状态布尔值来指定何时开始获取和停止......我试图完成工作的事情很奇怪,但我仍然很想知道我们是否可以停止在 componentDidUpdate() 生命周期方法中也重复调用请求。
我知道这不是从生命周期进行请求调用的正确方法。也不要因此评判我......所以,请告诉我是否有人可以帮助我正确地做到这一点,或者这样做是否合法......