问题标签 [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.
javascript - React Native:功能组件到类组件
我正在使用React Native Gifted Code。
这是我在下面提供的代码片段:
但是,在转换为类组件后,我并没有得到想要的结果。(类似的东西)
问题是在发送新消息时,它正在用我的最新消息“替换”发件人的消息。
javascript - 无法使用 refs 从 render() 方法中获取 HTML 元素
我正在尝试使用 ReactJS 创建一个图形编辑器。我有我的Workspace
组件。这个组件使用画布绘制对象。该Workspace
组件是一个 React 类组件。我无法获取render()
方法中的 HTML 元素。
我不能使用document.getElementById(..)
,我决定使用React Refs。这更像是干净的。
我有这样的错误:
TypeError:无法读取 null 的属性“getContext”
reactjs - 如何在 api 函数中设置状态
我在类方法中有这段代码:
除非用户已经注册,否则它将在提交时更新我的 Firebase 数据库。一个 typeError 说this.setState is not a function
。但是当我控制台 log 时this
,控制台会打印出类。日志记录this.state
还会打印出状态。
我该如何解决?我想从这个函数内部更新我的状态。
reactjs - 反应:从类转换为具有状态的功能组件
如何将类组件转换为功能组件?
我假设需要使用钩子和破坏,但不知道如何实现它。是否有一个好的指导方针或最佳实践可以遵循?
reactjs - 关于react类组件setState的问题
我不明白这部分代码:
如果我们正在更新usernameValid
,errorMsg
状态,会this.validateForm
做什么?因为我们是在setState
.
我的代码:
javascript - SyntaxError:无效的递增/递减操作数
我试图在反应中创建一个计算器,但是当我进行计算时,它给了我语法错误。例如,当计算不同的数字天(30 + 23423 - 3428 * 5235)时,它给了我这个错误。我也无法让我的重置和退格和小数工作。有人可以帮忙吗
这是我的代码
javascript - Apexcharts 画笔图表在反应组件中不起作用
我正在使用反应顶点图表。Apexcharts我用刷图的时候通过的图报错。下面给出了带有自定义数据的代码。在我的本地组件中使用画笔图表时,我遇到了我在代码后提到的错误
它通过以下错误
未捕获的类型错误:无法将类作为函数调用
我是否在我的反应组件中使用了正确的 apexcharts 集成方式..?
reactjs - 我想要 React js 中 ComponentDidMount 和 ComponentDidUpdate 的组合功能
我正在使用 axios 获取 API 数据,并且该 API 具有查询参数(例如:searchQuery,在状态中定义)。我已经在 componentDidUpdate 中声明了它的 state 和 axios 调用的初始值。现在我希望我的用户以提交时将更改“seachQuery”状态的表单输入数据。问题来了,我想根据用户的输入显示带有提供值和未来结果的初始结果,但它没有发生。初始结果没有显示,因为 componentDidUpdate 只会在更新后调用。如果我在 componentDidMount 中进行 axios 调用,则不会出现根据用户输入的结果。我只想使用基于类的组件来做到这一点。
javascript - 如何将功能组件中的道具添加到类组件中?
我有一个来自我的 LanguageFlag 组件的道具“语言”,它根据语言插入一个 SVG 图标(如下所示)。在一个普通的功能组件中,我会通过一个 prop in 传递语言,然后将它作为语言 = {语言}添加到组件中。
在这种情况下<LanguageTitleOptions language={this.props.language}/>
,我读过我应该以这种方式添加它。但是如何将语言属性传递给我的 LandingPage 组件?
登陆页面组件
LanguageFlag 组件
登陆页面容器
LanguageTitleOptions 组件
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
我仍然遇到错误。我在哪里可以即兴发挥?