调用操作的正确位置是componentWillMount()还是componentDidMount()？
调用操作的正确位置是componentDidMount()。
在React组件的生命周期中，componentDidMount()是在组件挂载完成后立即调用的方法。在这个方法中，可以进行一些需要在组件渲染完成后执行的操作，比如发送网络请求、订阅事件、初始化第三方库等。
相比之下，componentWillMount()是在组件即将被挂载到页面上时调用的方法。在这个方法中进行的操作会在组件渲染之前执行，因此并不适合进行需要依赖DOM元素的操作。
所以，如果需要进行调用操作，推荐将其放在componentDidMount()中。这样可以确保在组件挂载完成后再执行操作，避免出现因为组件还未完全渲染而导致的错误。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的计算能力，满足各种业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的MySQL数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能机器翻译（TMT）：提供高质量、实时的机器翻译服务。详情请参考：https://cloud.tencent.com/product/tmt
- 物联网通信（IoT）：提供全面的物联网设备连接和管理服务。详情请参考：https://cloud.tencent.com/product/iot
- 视频直播（Live）：提供高可靠、低延迟的实时音视频直播服务。详情请参考：https://cloud.tencent.com/product/live
- 区块链服务（BCS）：提供一站式区块链应用开发、部署和管理的服务。详情请参考：https://cloud.tencent.com/product/bcs
相关·内容
在dom呈现之前调用的componentWillMount()。我应该从这里调用我的操作还是从componentDidMount()调用
有什么区别，我应该选择哪一个？
浏览 2提问于2017-07-25得票数 1
我使用react创建了一个类似于twitter的对话框。我查看了react文档，发现了几个组件生命周期，但不确定应该使用哪一个来提高代码性能：componentDidMount或componentWillMount
当我在文本框中键入内容时，会在控制台中看到打印文本框值的更新
浏览 0提问于2017-05-29得票数 0
3回答
对于JS，我是新手，我现在对组件生命周期方法的工作方式感到困惑；在我的例子中，这与ReactJS.org文档完全矛盾。componentDidMount()应该在呈现()之前执行，但呈现()应该在componentDidMount()之前执行。我的源代码：import '../main.css';
//import sam from "..jpg
浏览 6提问于2019-09-21得票数 0
回答已采纳
1回答
我的第一个想法是将网络请求定位在componentDidMount函数中。
这样做会打破任何与redux和单向数据流/不变性相关的最佳实践吗？相反，我是否应该向存储发送一个操作，并依赖redux中间件来执行网络请求(这最终将更改存储并导致组件的重新呈现)？
浏览 9提问于2017-07-19得票数 1
回答已采纳
1回答
在不同的redux指南中，我看到了分派api操作的不同方法。例如，在reddit应用程序中，异步操作是在componentDidMount函数中分派的： constructor(props在现实世界中，异步操作是在componentWillMount函数中调度的： co
浏览 1提问于2016-04-19得票数 4
回答已采纳
3回答
我在一个redux应用程序中有一个需要从远程服务器获取数据的组件。
哪里是进行调用并处理其所有逻辑的合适位置？动作创建者？像componentDidMount这样的生命周期方法中的智能组件？
浏览 1提问于2016-08-09得票数 2
触发服务器调用来获取componentWillMount生命周期方法中的数据是一种不好的做法吗？
以及为什么最好使用componentDidMount。
浏览 8提问于2017-09-04得票数 29
回答已采纳
在不包括代码的情况下，我想知道是否有人遇到过这样的问题：
我所处的情况是，任何抛出错误的子组件都会导致父组件再次运行render，并且所有子组件似乎都运行componentWillMount，但不要
浏览 4提问于2017-09-26得票数 1
我只是找不到这两种生命周期方法的实际使用例子。我已经写了一段时间了，但是componentDidMount刚刚完成了任务，它意味着调用fetch异步数据，但是我不明白willMount的意义，有什么线索吗？
浏览 0提问于2018-01-23得票数 7
回答已采纳
我对状态有异议，因为我不是100%，我正确地使用了componentDidMount和componentWillMount。componentWillMount() { this.setState({user: user console.log(user);}
console.log(this.s
浏览 0提问于2019-01-21得票数 0
回答已采纳
根据这个页面，组件的呈现方法就在componentWillMount和componentDidMount方法以及其他地方之间调用。但是，这里用于组件生命周期的react.js文档说，所有子活动的componentDidMount方法都在父活动之前调用。我可以理解，在呈现任何子组件之后，componentDidMount都可以调用，但是运行时如何知道在呈现它们之前调用componentWill
浏览 2提问于2016-05-09得票数 6
回答已采纳
我尝试在componentDidMount()中获取数据。但是，除非我在componentWillMount()中获取它，否则它不起作用。为什么？我把我的工作放在这里
在MotorcycleList.js中，componentDidMount()似乎从未被调用过。
浏览 0提问于2015-12-21得票数 3
回答已采纳
2回答
我不能在componentWillMount或componentDidMount生命周期方法中操作<div id="chart">。我是不使用原始DOM操作函数，还是应该使用其他方法来实现相同的操作，即操作<div id="chart">
export default classD3Chart ex
浏览 3提问于2015-08-23得票数 5
回答已采纳
1回答
我是ReactJS的初学者。我想构建一个我自己使用的react应用程序。控制台显示以下错误："index.js:1446 Warning: Can't call setState (or forceUpdate) on an unmounted component.这是一个无操作所以，我在互联网上搜索了一个解决方案，我只找到了告诉我设置一个变量isMounted并在componentDidMount和componentWillUnmount中更改她的解决方案。但问题仍
浏览 1提问于2019-01-12得票数 1
我已经把所有东西都设置好了，但是不知道在我的组件中把socket.io代码放在哪里。它是放在constructor还是componentWillMount中，或者放在哪里？它是socket.io，所以它显然总是需要打开的，那么它会在组件中的什么地方呢？下面是我需要注入到我的组件中的代码：this.sock
浏览 1提问于2017-08-03得票数 1
我是react的初学者，我已经尝试过使用fetch api。我想从api中获取一些有关人口的数据。我已经成功地检索到了数据，但是当我尝试在setState中获取时，图表并没有使用新的数组进行更新。下面是我的app.js代码，希望这是足够的信息： super(); chartData:{} }
<em
浏览 12提问于2019-03-28得票数 0
我有一个问题涉及到iDangero.us Swiper的实现。我已经玩了很长一段时间了，我的问题是当我处理动态数据时，实际的滑动不起作用。让我举例说明这一点。有两个部分--方法componentDidMount()，其中我将对Swiper组件进行初始化和呈现()，其中一个部分生成由iDangero.us Swiper定义的结构。var SwiperComponent = React.createClass({ th
浏览 0提问于2015-10-01得票数 3
回答已采纳
1回答
我正在尝试从mongodb读取rest api中的数据。但是，我无法让react从其中读取数据。这是我的代码。我可以从其他API中拉出，但不能从我的自定义中拉出。.then(res => res.json()) }
<li>{s.sId}</li>
浏览 33提问于2019-12-25得票数 0
我有以下组件，它调用一个工厂来同时创建英雄和单元格，一旦数组满了，就把它传递给同名的状态变量。/store/actions/actionsCreator';
let...state }
包含我所有操作<em
浏览 2提问于2017-12-25得票数 0
我想通过ComponentWillMount()更新状态，比如： Canonical:''componentWillMount(){
this.setState
浏览 3提问于2018-07-17得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
