React Native:什么时候应该在构造函数与componentDidMount中调用函数
React Native是一种用于构建跨平台移动应用的开发框架。在React Native中，可以在构造函数和componentDidMount生命周期方法中调用函数，具体取决于函数的用途和需求。
- 构造函数中调用函数：
- 当需要在组件实例化时执行一些初始化操作时，可以在构造函数中调用函数。例如，可以在构造函数中调用一个用于获取初始数据的函数，以便在组件渲染之前准备好数据。
- 在构造函数中调用的函数应该是同步的，不应该包含任何异步操作，以避免阻塞组件的渲染。
- componentDidMount中调用函数：
- 当需要在组件已经被渲染到DOM树中后执行一些操作时，可以在componentDidMount生命周期方法中调用函数。例如，可以在componentDidMount中调用一个用于发送网络请求的函数，以获取远程数据并更新组件的状态。
- 在componentDidMount中调用的函数可以包含异步操作，例如网络请求或定时器，因为组件已经被渲染到DOM树中，不会阻塞渲染过程。
总结：
- 在构造函数中调用函数适用于需要在组件实例化时进行初始化操作的场景。
- 在componentDidMount中调用函数适用于需要在组件已经被渲染到DOM树中后进行操作的场景。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动应用开发平台：https://cloud.tencent.com/product/madp
- 腾讯云函数计算：https://cloud.tencent.com/product/scf
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网套件：https://cloud.tencent.com/product/iot-suite
- 腾讯云对象存储：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云虚拟专用网络：https://cloud.tencent.com/product/vpc
相关·内容
1回答
React Native:什么时候应该在构造函数与componentDidMount中调用函数
javascript、reactjs、react-native、rendering、render
通过阅读this article，我知道contructor被称为pre-render，componentDidMount被称为post-render，但我不明白这如何影响我们决定使用哪一个。在渲染过程中发生了什么，使我想要在渲染之前或之后调用初始化函数？
浏览 18提问于2020-07-04得票数 0
2回答
如何修复null不是对象React Native闪屏
javascript、android、ios、react-native
我完全按照这个步骤来做：https://www.npmjs.com/package/react-native-splash-screen和观看youtube上的一段视频。我的代码是： import * as React from 'react'; import{
component
浏览 9提问于2020-07-11得票数 1
1回答
在Redux操作中何时调用API和何时调用API
reactjs、api、redux、coding-style
简单地说，
我只是想知道什么时候应该在redux操作中使用redux-thunk调用API，以及何时应该在react组件中直接调用API(在构造器或ComponentDidMount中)，。知道在什么时候使用和感谢您对StackOverflow的贡献将是非常有帮助的。
浏览 1提问于2021-06-02得票数 1
回答已采纳
1回答
componentDidMount中的react-原生声音
react-native、react-native-sound
我想在componentDidMount中播放音乐，但是我的代码不能工作import Nav from './Nav'const play = new Sound('music.mp3')
class App extends Componen
浏览 19提问于2019-11-16得票数 1
回答已采纳
2回答
我可以在React Native的构造函数中初始化Firebase吗？
reactjs、react-native
我想知道在构造函数中初始化firebase是不是一种好的做法？ constructor() { firebase.initializeApp
浏览 1提问于2019-06-19得票数 0
1回答
在我的react组件中，props中有一个我想在呈现组件时调用的函数，它可以从构造函数或componentDidMount()函数中调用。到目前为止，在react项目中，我通常没有看到从构造函数调用函数？但在我的例子中，我在哪里调用它并不重要(构造函数vs
浏览 3提问于2020-12-18得票数 2
2回答
如何用同一个类的另一个方法更新构造函数中的状态？
javascript、reactjs
我有一个带有构造函数的组件：class Day extends Component { super当我将其分配给按钮单击时，该方法工作得很好：onClick={() => this.caloriesCalculate()}但是，如果方法是从构造函数执行的<
浏览 0提问于2019-07-20得票数 0
回答已采纳
1回答
React-在componentDidMount中调用Native Jest测试函数
javascript、unit-testing、react-native、tdd、jestjs
我正在尝试测试是否在我的组件的componentDidMount钩子中调用了函数。import 'react-native';
浏览 1提问于2017-02-20得票数 2
1回答
什么时候在React中添加条件变得太多了？
javascript、reactjs、react-native、conditional-statements
这个问题以React Native为例，但通常适用于React。 给定一个根据用户选择的列表呈现不同列表的FlatList组件，什么时候为该组件中的特定列表添加条件会变得太多？例如，在整个组件中添加此代码只是为了获取该特定列表的行为： if (this.props.list = 'groceryList') {} 此检查可以在ComponentDidMountComponentDidUpdate中
浏览 13提问于2020-04-04得票数 0
2回答
React:无法在尚未装入的组件上调用setState
javascript、reactjs、axios
我正在使用react(MERN堆栈)创建一个简单的todo应用程序。当我尝试同时使用axios和setState调用get API时，会出现上述警告。我在堆栈溢出的其他线程中也遇到过同样的问题，但它们都没有真正有用。我甚至尝试过使用"isMounted“变量。下面是我的代码..。export default class App extends React.Component{ super= this.comp
浏览 40提问于2020-10-10得票数 1
回答已采纳
2回答
this.setState未更新状态属性
reactjs
我正在从构造函数的方法调用中设置状态，但state属性仍然为null。对代码的一些修改会在控制台中给出这个错误，
index.js:1375警告:无法在尚未装入的组件上调用setState。这是一个no-op，但它可能表明您的应用程序中存在错误。而应直接分配给this.state，或在ResultContainer组件中定义具有所需状态的state = {};类属性。在我的组件构造函数中，我调用了一
浏览 0提问于2019-06-24得票数 0
3回答
console.error："fontFamily "Roboto_medium“不是系统字体，尚未通过Font.loadAsync加载
react-native、expo、native-base
当使用import Native Base (当它出现时)时，我遇到了麻烦，因为屏幕上显示了一个字体错误。如果你点击dismiss，它就会消失，但用户不可能在每次加载文本时都能看到它。} from 'expo';async componentDidMount() { '
浏览 1提问于2019-07-17得票数 4
回答已采纳
1回答
无法对尚未挂载的组件调用setState，即使它已经挂载？
reactjs、setstate
下面是我的构造函数： export default class ImageTableItemComponent extends React.Component { } } 下面是我使用setState的loadImagesWithTags()函数我在代码中删除了所有与collapsible: false,有关的内
浏览 23提问于2021-10-22得票数 1
回答已采纳
2回答
当我离开并返回到某个选项卡时，我的列表组件将消失
react-native、react-navigation、expo
我正在为我的React Native应用程序使用React导航v2，并且正在使用选项卡导航器。主选项卡(帖子的提要)在first renders时是这样的。在componentDidMount()生命周期方法中，我调用了一个名为fetchFeed()的操作，该操作从firebase数据库中提取所有提要数据并将其保存到state (然后使用redux将其映射到renderFeed()方法在feedData ()方法中调用，并在List组件中</e
浏览 17提问于2019-01-22得票数 0
回答已采纳
2回答
反应本机构造函数:意料之外的标记，预期；
javascript、ajax、reactjs、react-native
我是新的反应本机，我面临一些关于语法错误的问题，我在这里给我的app.jsimport { StyleSheet, Text, View } from'react-native'; </View>}
在constructor() {的这一行中发生的错误，表示构造
浏览 3提问于2020-04-21得票数 1
回答已采纳
2回答
组件()中的react-本机状态问题
react-native
我在componentDidMount()中调用this.setState({})时遇到问题。如果我在comonentDidMount()中调用this.setState({})，它似乎没有更新状态，因为如果我调用我的函数从firestore中获取数据，状态是"“，而不是componentDidMount()中设置的状态。构造函数： us
浏览 13提问于2019-03-29得票数 1
3回答
react被称为在呈现后执行
javascript、html、reactjs
对于JS，我是新手，我现在对组件生命周期方法的工作方式感到困惑；在我的例子中，这与ReactJS.org文档完全矛盾。componentDidMount()应该在呈现()之前执行，但呈现()应该在componentDidMount()之前执行。我的源代码：import '../main.css';
//import sam from "
浏览 6提问于2019-09-21得票数 0
回答已采纳
2回答
react-native :如何呈现状态
javascript、react-native
value={this.state.noteText} </View>
我的状态不会呈现，直到我开始在我的TextInput中输入一些东西
浏览 23提问于2019-07-17得票数 1
回答已采纳
1回答
由于出现错误，无法在react本机中使用collection.where()
javascript、react-native、google-cloud-firestore
我确实有文档名称，并使用了.where()，但是它一直显示错误"Function Query.where()需要一个有效的第三个参数，但它是未定义的“ docID: doc.id })this.componentDidMount(this.props.route.params.groupName)
return (this.
浏览 2提问于2020-07-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
