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

javascript - React Native:功能组件到类组件

我正在使用React Native Gifted Code

我正在尝试将以下示例转换为类组件: 示例图像

这是我在下面提供的代码片段:

但是,在转换为类组件后,我并没有得到想要的结果。(类似的东西

问题是在发送新消息时,它正在用我的最新消息“替换”发件人的消息。

0 投票
2 回答
92 浏览

javascript - 无法使用 refs 从 render() 方法中获取 HTML 元素

我正在尝试使用 ReactJS 创建一个图形编辑器。我有我的Workspace组件。这个组件使用画布绘制对象。该Workspace组件是一个 React 类组件。我无法获取render()方法中的 HTML 元素。

我不能使用document.getElementById(..),我决定使用React Refs。这更像是干净的。

我有这样的错误:

TypeError:无法读取 null 的属性“getContext”

0 投票
1 回答
38 浏览

reactjs - 如何在 api 函数中设置状态

我在类方法中有这段代码:

除非用户已经注册,否则它将在提交时更新我的​​ Firebase 数据库。一个 typeError 说this.setState is not a function。但是当我控制台 log 时this,控制台会打印出类。日志记录this.state还会打印出状态。

我该如何解决?我想从这个函数内部更新我的状态。

0 投票
1 回答
275 浏览

reactjs - 反应:从类转换为具有状态的功能组件

如何将类组件转换为功能组件?

我假设需要使用钩子和破坏,但不知道如何实现它。是否有一个好的指导方针或最佳实践可以遵循?

0 投票
1 回答
42 浏览

reactjs - 关于react类组件setState的问题

我不明白这部分代码:

如果我们正在更新usernameValid,errorMsg状态,会this.validateForm做什么?因为我们是在setState.

我的代码:

0 投票
1 回答
362 浏览

javascript - SyntaxError:无效的递增/递减操作数

我试图在反应中创建一个计算器,但是当我进行计算时,它给了我语法错误。例如,当计算不同的数字天(30 + 23423 - 3428 * 5235)时,它给了我这个错误。我也无法让我的重置和退格和小数工作。有人可以帮忙吗

这是我的代码

在此处输入链接描述

0 投票
1 回答
602 浏览

javascript - Apexcharts 画笔图表在反应组件中不起作用

我正在使用反应顶点图表。Apexcharts我用刷图的时候通过的图报错。下面给出了带有自定义数据的代码。在我的本地组件中使用画笔图表时,我遇到了我在代码后提到的错误

它通过以下错误

未捕获的类型错误:无法将类作为函数调用

我是否在我的反应组件中使用了正确的 apexcharts 集成方式..?

0 投票
2 回答
150 浏览

reactjs - 我想要 React js 中 ComponentDidMount 和 ComponentDidUpdate 的组合功能

我正在使用 axios 获取 API 数据,并且该 API 具有查询参数(例如:searchQuery,在状态中定义)。我已经在 componentDidUpdate 中声明了它的 state 和 axios 调用的初始值。现在我希望我的用户以提交时将更改“seachQuery”状态的表单输入数据。问题来了,我想根据用户的输入显示带有提供值和未来结果的初始结果,但它没有发生。初始结果没有显示,因为 componentDidUpdate 只会在更新后调用。如果我在 componentDidMount 中进行 axios 调用,则不会出现根据用户输入的结果。我只想使用基于类的组件来做到这一点。

0 投票
1 回答
79 浏览

javascript - 如何将功能组件中的道具添加到类组件中?

我有一个来自我的 LanguageFlag 组件的道具“语言”,它根据语言插入一个 SVG 图标(如下所示)。在一个普通的功能组件中,我会通过一个 prop in 传递语言,然后将它作为语言 = {语言}添加到组件中。

在这种情况下<LanguageTitleOptions language={this.props.language}/>,我读过我应该以这种方式添加它。但是如何将语言属性传递给我的 LandingPage 组件?

登陆页面组件

LanguageFlag 组件

登陆页面容器

LanguageTitleOptions 组件

0 投票
1 回答
131 浏览

reactjs - 将类组件转换为函数组件时出错

我正在尝试将类组件转换为功能组件。

类组件:classBasedComponent.js [本文件包含的原始代码]

我取得的进展:

函数组件:functionComponent.js [我的进度]

这是供参考的 GitHub 链接:https ://github.com/codebushi/gatsby-starter-dimension

这是我的错误:

  • 12:19 警告“setArticle”被分配了一个值,但从未使用过 no-unused-vars
  • 27:11 错误 'timeoutId' 未定义 no-undef
  • 33:6 警告 React Hook useEffect 缺少依赖项:“handleClickOutside”。要么包含它,要么移除依赖数组 react-hooks/exhaustive-deps
  • 45:30 错误 'setWrapperRef' 未定义 no-undef
  • 58:37 警告应为“===”,而是看到“==”eqeqeq
  • 66:23 错误“位置”无限制全局变量的意外使用
  • 80:28 错误 'setWrapperRef' 未定义 no-undef

我仍然遇到错误。我在哪里可以即兴发挥?