React ->构造函数的this不等于componentDidMount this
React是一个用于构建用户界面的JavaScript库。它采用组件化的开发模式，将用户界面拆分为独立的可复用组件，通过组件的组合和嵌套来构建复杂的用户界面。
在React中，构造函数的this不等于componentDidMount中的this。这是因为在构造函数中，this指向的是当前组件的实例，而在componentDidMount生命周期方法中，this指向的是当前组件的DOM节点。
构造函数是在组件实例化时调用的，用于初始化组件的状态和绑定事件处理函数。在构造函数中，可以通过使用super(props)来调用父类的构造函数，并将props传递给父类。在构造函数中，可以使用this.state来定义组件的初始状态。
componentDidMount是React组件生命周期中的一个方法，在组件渲染完成后调用。在这个方法中，可以进行一些异步操作，如发送网络请求、订阅事件等。在componentDidMount中，可以通过this.setState来更新组件的状态，触发重新渲染。
需要注意的是，构造函数中的this和componentDidMount中的this并不相同，因为它们分别指向不同的对象。在构造函数中，this指向的是组件的实例，而在componentDidMount中，this指向的是组件的DOM节点。
关于React的更多信息和相关产品，你可以参考腾讯云的文档和产品介绍：
- React官方网站：https://reactjs.org/
- 腾讯云React产品介绍：https://cloud.tencent.com/product/react
相关·内容
1回答
React ->构造函数的this不等于componentDidMount this
javascript、reactjs
我有一个相当大的React项目，在这个项目中，无论我用哪个组件尝试它，它的构造函数的“this”都不等于componentDidMount方法的“this”。可以肯定的是，通常情况下是这样的，我在codesandbox上做了一个小测试项目：
在那里它可以正常工作，但不是在我的项目中。在我删除项目中的所有内容以使其与示例相似之前，有没有人以前见过类似的东西？我使用<
浏览 13提问于2018-01-30得票数 0
1回答
在我的react组件中，props中有一个我想在呈现组件时调用的函数，它可以从构造函数或componentDidMount()函数中调用。到目前为止，在react项目中，我通常没有看到从构造函数调用函数？但在我的例子中，我在哪里调用它并不重要(构造函数vs componentDidMount()。因此，我正在考
浏览 3提问于2020-12-18得票数 2
1回答
为什么我们应该避免组件构造函数中的副作用？
reactjs、react-native、asynchronous、fetch、side-effects
我想知道是否有充分的理由不在组件的构造函数中而不是在它的componentDidMount钩子中发送请求？我看到了一些：在构造函数中获取数据是个好主意吗？答案引用了文档中一个有趣的部分：
避免在构造函数中引入任何副作用或订阅。对于这些用例，使用componentDidMount()代替。我的问题是关于这一点的，我很想了解副作用的
浏览 0提问于2020-04-03得票数 6
1回答
React构造函数()和componentDidMount
reactjs、react-redux
我正在使用Redux创建我的分页。我的问题是，在constructor中，我运行了一个方法，它将解析url并检查是否有任何有关分页的内容。然后，它运行一个操作，将数据放入我的存储中。然后，当我运行另一个操作-获取数据时，我使用了componentDidMount方法。在那里，我使用了我之前推过的道具。不幸的是，商店处于初始状态。我的(简化)代码：
浏览 5提问于2016-07-26得票数 0
1回答
如果一个函数(返回随机图像url)被传递为uri param &状态被更改，则响应本机更改图像。
reactjs、react-native
当呈现()中的任何状态发生变化时，都会重新加载图像，在这里，我遇到了本机响应问题。我将一个函数(返回随机图像uri )直接传递到图像uri中。由于我使用的是嵌套列表&复杂的动态数据，所以很难维护单独的变量来保存映像url &而不是将其传递到图像源。
浏览 0提问于2018-05-08得票数 0
2回答
React:无法在尚未装入的组件上调用setState
javascript、reactjs、axios
我正在使用react(MERN堆栈)创建一个简单的todo应用程序。当我尝试同时使用axios和setState调用get API时，会出现上述警告。我在堆栈溢出的其他线程中也遇到过同样的问题，但它们都没有真正有用。我甚至尝试过使用"isMounted“变量。下面是我的代码..。export default class App extends React.Component{ su
浏览 40提问于2020-10-10得票数 1
回答已采纳
1回答
为什么禁止在React组件的构造函数中从API中获取数据？
javascript、reactjs、frontend、react-lifecycle
我已经研究过这个问题，在React组件的构造函数中获取数据可能会引起一些麻烦。有人能解释一下那是什么样的麻烦吗。最好举个例子。在构造函数中获取数据与在componentDidMount方法中获取数据有什么区别。
浏览 0提问于2019-12-25得票数 1
回答已采纳
1回答
Ref: Uncaught :无法设置属性'innerHTML‘为null
reactjs、react-ref
我的构造函数中有这些参考资料 super(props);
this.sunglassesTintsTab = React.createRef= React.createRef();这是我的componentDidMount console.log('Componen
浏览 2提问于2020-09-10得票数 3
1回答
用Meteor js语法描述React componentDidMount()
reactjs、meteor
如何在不创建类扩展react组件的情况下声明componentDidMount？例如，render()使用react-dom包声明，也许存在另一个用于componentDidMount的包？class App extends Component { // do something componentDidMount(){ render(){
retu
浏览 16提问于2021-02-09得票数 0
回答已采纳
1回答
ReactClassInterface:您正在尝试不止一次地在组件上定义“构造器”。这种冲突可能是由于混合因素造成的。
javascript、reactjs、apollo
因此，在尝试创建阿波罗/GraphCool订阅时，我遇到了一个问题，该订阅将引发以下错误消息：[React Transform HMR] There was an error updating Cac9bfc0…:283) at 0.92fd6f4….hot-update.js:1我的Comments.js/apolloClient';
const Comments = React
浏览 7提问于2017-04-25得票数 2
回答已采纳
2回答
如何删除Javascript EventEmiiter箭头函数回调
javascript、reactjs、events、dom-events、eventemitter
我的React代码一直在触发本应被删除的EventEmitter回调。当我检查扩展EventEmiiter的React类时，我发现事件字段中仍然存在回调，尽管已经对这些回调调用了removeListener。我怀疑这是因为我将回调作为箭头函数添加到EventEmitter中，但是当我删除它们时，我没有这样做。将它们作为箭头函数移除不起作用。_onFirebaseChange);我需要使用箭头函数，因为变更事件(_onFirebaseChang
浏览 0提问于2019-02-09得票数 0
2回答
如何用组件生命周期替代useEffect钩子？
reactjs、react-hooks
我被迫使用基于类的组件，那么如何在我的React组件中用componentDidMount、componentDidUpdate和componentWillUnmount这样的组件生命周期替换useEffect
浏览 13提问于2019-12-29得票数 1
4回答
如何根据回调的响应在componentDidMount中设置状态
javascript、reactjs、fetch
我基本上是试图根据从API获得的响应来设置状态。import React, {PropTypes} from 'react'; status: [], } getStatus(this);我觉得传递this并从下游的api文件修改状态不是一个好的实践有更多的</e
浏览 4提问于2018-02-09得票数 0
回答已采纳
3回答
从JSON获取数据并显示它
reactjs
我正在尝试获取静态JSON文件的内容并将其显示在react.js中。我的代码基于给定Here代码编译的示例，但当我在浏览器中打开页面时，我收到以下错误消息： TypeError: Cannot read property 'data' of null 下面是我的组件： import React, { Component } from 'react';
class UserList extends Component
浏览 21提问于2020-12-01得票数 0
回答已采纳
2回答
在react中如何以及在何处获取数据
javascript、ajax、reactjs
如何在React中处理AJAX请求？React本身并不支持任何特定的数据获取方式。react中的哪个钩子最适合获取数据构造函数、componentdidmount或具有自定义钩子静态方法。
浏览 1提问于2017-05-01得票数 0
1回答
ComponentDidMount看不到家长的道具
reactjs
我正在尝试映射我的数组，以便在子组件中创建新的对象数组。这是我的问题-我的方法componentDidMount在数据来自父母道具之前被执行，并且我的状态保持为空。当我是console.loging this.props并且在componentDidMount的末尾时，我收到了空数组，但是当我在console.loging方法上呈现它时，它会给我4个空数组，然后它会填充到预期的this.state = {
co
浏览 1提问于2020-06-06得票数 0
2回答
用对象填充数组(使用setState)
javascript、node.js、reactjs
我试图用从axios请求返回的对象数组填充数组。但是，数组返回为空。//.then(resp => console.log(resp.data))
}
我在构造函数(名为"List")中初始化数组，然后在刷新函数之后，在页面加载后立即调用whcih，接收axios请求的响应，并尝试用数据返回值填充"list“数组，但它不起作用。Obs:我已经保证请求返回良好，
浏览 3提问于2021-06-01得票数 0
回答已采纳
1回答
如何使用gatsby-ant-plugin从api中获取表数据
javascript、reactjs、gatsby
我使用ant表创建了一个简单的表。我尝试从API中获取值，但是我得到了这个异常：
import React from "react" fetch("htt
浏览 0提问于2019-02-12得票数 2
回答已采纳
1回答
如何用类组件重写useRef？
javascript、reactjs、react-hooks、create-ref
职能构成部分： private TTNCClientRef: React.RefObject<any>;
super(props);this.TTNCClientRef = React.createR
浏览 2提问于2022-03-01得票数 2
回答已采纳
1回答
在React中使用脚本而不捆绑
javascript、reactjs
我正试图在我的React应用程序中使用Rellax，一个JS视差库。import React from 'react';
import Rellax from 'r
浏览 1提问于2018-02-07得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
