问题标签 [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 投票
1 回答
145 浏览

reactjs - 从“外部”访问功能组件的方法

假设我想通过从应用程序外部调用该方法来控制我的应用程序的加载状态,如下所示:

我已经实现了一个类似的功能组件:

然而,我相信映射 setLoading()window不是最好的方法。那么有可能以不同的方式做吗?

如果我有一个类组件,它看起来像这样:

然后在渲染时,我将使用回调 ref 使整个组件及其所有方法可用。

这种方法也会污染全局范围,但它更简洁 - 组件作为一个整体公开。

由于这两种方法都不是最佳的,我应该使用哪一种?有没有更好的东西?

0 投票
0 回答
53 浏览

reactjs - React use-dark-mode 在组件中部署

以下开发在 REACT 中。

我正在使用use-dark-mode NPM 包,我需要一些帮助来将它部署到类组件而不是函数中。

我尝试过的任何方法,我都会得到“只能在主体功能组件内部调用 Hook”,或者它不起作用。

他们给出的例子是使用反应函数,并说要这样部署它:

我试图按如下方式部署它

我刚刚开始学习反应,所以任何指导将不胜感激。

谢谢,香港

0 投票
1 回答
3940 浏览

javascript - 节点步骤的边缘未在 react-flow-renderer 中呈现

我正在尝试将 data.js 文件中的步骤显示为节点并尝试连接这些边缘。但边缘只是可见的。在页面中。我使用了 [react-flow-renderer] 包1

当我刷新页面时,边缘可见不到一秒钟。

我的反应组件

这是我使用 data.js 的 json 数据

0 投票
2 回答
76 浏览

javascript - 在 ReactJS 中调用功能组件相关的问题

在运行反应网页时,h1 first正在打印,但h1 second没有被打印
此外renderDishDetailrenderComments也没有被调用。
我是ReactJS的新手,正在学习函数式组件。我将我的类组件转换为功能组件,从那时起就出现了这个问题。
这些是显示的一些错误,我无法理解为什么不使用变量。

Line 21:6: 'comments' is assigned a value but never used no-unused-vars
Line 44:8: 'dish' is assigned a value but never used no-unused-vars

0 投票
1 回答
196 浏览

reactjs - 这两个js在反应中的区别

我开始学习 React JS,任何人都可以向我解释这两个文件之间的区别吗?他们俩都做同样的事情。

第一个JS

第二个

在 App.js 我有

我在两个 div 中都有相同的结果。我的问题是,有什么区别?第一个是类,第二个是函数?哪一个是正确的方法?

谢谢,也许是一个菜鸟问题,但我是学习 React 的新手。

0 投票
1 回答
66 浏览

javascript - 使用从父类传递到子类的数据在地球上添加点

我正在做一个有趣的项目,以帮助提高我对 ReactJS 和 ThreeJS 的认识和理解,但是遇到了将数据从父类传递到子类中的函数的问题。现在我的项目如下所示: App.js

我的 ThreeJS 部分如下所示: Globe.jsx

App.js中的数据确实会传递到render()我的Globe.jsx的函数中。但是,我想获取该数据并将其传递到Globe.jsx主体中,以便使用

但我目前在完成这项任务时迷失了方向。我知道可以访问作为函数的组件中的数据,但是当尝试将我的Globe.jsx转换为函数而不是类时,我的代码会中断(在更改this.state为变量/let/等之后)。如果大家能帮帮我,我将不胜感激。

0 投票
1 回答
289 浏览

reactjs - 如何将 React mousemove 类重构为功能组件?

我有一个关闭导航的按钮。此按钮跟随鼠标。一切正常,但我有一个 depricationwarning,我想摆脱它,但不知道具体如何。(我只知道useEffect起到了一定的作用:

这是课程:

这就是我到目前为止所做的,但结果有错误: ReferenceError: getTooltipPosition is not defined

0 投票
1 回答
2887 浏览

javascript - 使用 react-flow-renderer 拖放时复制节点

我正在尝试实现:原始节点应保持在其位置并对其进行拖放,必须在放置位置创建一个新节点。原稿应保持在初始位置。

拖动重复节点应该只是改变它的位置。

原始节点 最初

拖放后在放置位置创建一个重复节点。当我看到组件的状态时,它仍然显示原来的位置为position:{x:100, y:100}. 但它不在那个位置。

创建重复节点时如何使原始完整? 拖动原件后

0 投票
1 回答
35 浏览

javascript - React 类组件和 React 功能组件更改 redux store 后访问 props 的区别

我很难理解为什么在基于类的组件与功能组件中,相同的步骤会产生不同的结果。下面我有一个例子来说明这种差异。

类组件中的当前错误属性反映了异步函数saveUserDetailsAction完成后 redux 存储中的更改,在这种情况下,如果请求失败,则会调度一个操作。

在saveUserDetailsAction函数显示更新后的道具后访问错误道具。

编写为功能组件的相同代码不会产生相同的结果。在saveUserDetailsAction函数完成后访问 error属性并不能反映 store 中的更改。

0 投票
1 回答
159 浏览

javascript - 如何在 ReactJS 中为组件的消失设置动画?

在我的反应应用程序中,我有一个基于类的父组件Items。在它内部呈现子组件Item

项目

每个组件项目在安装或重新安装后都会动画。但是,当它消失时(如果父组件 Items 没有渲染它),最好的动画方法是什么?