问题标签 [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 回答
26 浏览

javascript - 我使用 .bind(this) 但在导入的函数上一直未定义?Javascript 反应

我有一个非常大的类,有很多处理程序,并且文档开始难以辨认,我想在我的类之外定义处理程序方法并按类型分组在文档上(所有工具都有不同的处理程序,所以我抓住了事件并根据 selectedTool 将其重定向到正确的处理程序),然后导入这些方法/函数并从另一个方法调用它们,就像它们是普通方法一样。

在此处输入图像描述

第一个日志正确返回,但由于某种原因,handleSelectorMouseDown 内部的日志返回“未定义”,即使我使用 .bind(this)

0 投票
0 回答
22 浏览

javascript - React window.pageYOffset 总是在基于类的组件中记录零

我尝试控制台记录componentDidUpdate()window.pageYOffset方法中的值,但它始终记录为零

这是我ParallaxHeader在 App.js 中唯一的组件:

这是我的控制台日志消息:

此处显示的控制台日志消息

0 投票
1 回答
715 浏览

javascript - 基于类的项目中的反应原生黑暗主题

我在为我的 react-native 应用程序添加深色主题支持时遇到了麻烦。

主题上下文.js

应用程序.js

主页.js

接下来我想在我的一个组件上使用上下文,例如

我想我必须在基于类的变体中使用 useContext 钩子,但我就是不知道该怎么做。

希望有人可以帮助我解决这个问题:)

0 投票
3 回答
108 浏览

reactjs - 在 React 类中修改样式的条件

在此处输入图像描述

--> 演示代码 <--

我正在尝试在找到该单词时将 TIP 弹出窗口中的单词划掉。

找到单词时的代码

};

我创建了这个 css 代码,它显示了所有被划掉的单词,想法是如果找到这个单词,这个单词应该被自动划掉。

0 投票
0 回答
172 浏览

react-native - 如何将 RecyclerListView 从类组件转移到功能

我在遗留代码中第一次遇到 RecyclerListView,所以我需要以函数样式重写它,但是当 React 尝试返回 RecyclerListView 时,程序冻结并且甚至没有进入 renderBetItem 函数,console.log 甚至没有出现。这是代码部分

0 投票
0 回答
16 浏览

reactjs - 反应类组件是否与角度类组件相似?

反应类组件是否与角度类组件相似?我正在学习反应,我来自角度。所以,如果这是一个“有趣”的问题,请原谅我。它们之间有什么区别,有什么相似之处?

0 投票
1 回答
32 浏览

reactjs - 使用接口时将类转换为功能组件

我有下面的代码。如何将它从类组件转换为功能组件,注意我想使用接口而不是类型?同样,我相信不需要空类型的道具,对吧?

0 投票
0 回答
128 浏览

reactjs - 为什么在反应类中不能很好地缩小并且它们使热重载变得不稳定且不可靠

我是初学者react js,即使看起来很简单,我也会问很多问题。

hooks 的介绍部分,提到了

  • 组件之间很难重用有状态逻辑
  • 复杂的组件变得难以理解
  • 类混淆了人和机器

我不知道他们为什么这么讨厌上课,他们在里面提到过 classes don’t minify very well, and they make hot reloading flaky and unreliable

在谷歌上,我发现很难理解how classes don’t minify very well

任何人都可以用一个例子来回答这个问题

0 投票
0 回答
18 浏览

javascript - 我可以使用 componentDidMount 获得每个状态监视器的 useEffect 吗?

我仍然是 react 的初学者,但我注意到在 useEffect 中,您可以监视特定状态的更改并在每次更改时运行 useEffect。显然,componentDidMount 运行一次,没有您可以设置的依赖项,并且不能针对特定的状态对象。那么这完全正确吗?然后我们可以有把握地说:带有钩子的功能组件是对基于类的自然升级。或者有一种方法可以通过类获得相同的 useEffect '效果'?

0 投票
1 回答
61 浏览

javascript - 将类组件转换为功能组件 TypeError: users.filter is not a function

制作员工目录,我正在尝试将类组件转换为功能组件。导航、搜索和表格将呈现,但对 api 的调用不起作用。获得一个 TypeError: users.filter is not a functionHere 是工作的类组件和正在进行的功能组件。我无法弄清楚有什么不同。