在 React Native 中调用应用程序加载函数

Question

我有一个 React Native 应用程序，它有选项卡式布局。加载主屏幕时我需要调用一些函数。我尝试使用componentWillMount()函数，但它不起作用，因为我的屏幕是在函数中定义的，而不是在类中定义的。如何创建加载函数？

主屏.js

import React, { useState, Component } from 'react';
import { View, Text } from 'react-native';
import { getText } from '..components/getText';

export default function HomeScreen() {

  const [onLoadText, setText] = useState("");

  const onScreenLoad = () => {
    setText(getText());
  }

  const componentWillMount = () => {
    // Not working
    onScreenLoad();
  }

  return (
    <View style={styles.container}>
      <Text>{onLoadText}</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
  },
});

Answer 1

由于您使用的是无状态组件，因此可以使用 useEffect 挂钩

useEffect(() => {
// write your code here, it's like componentWillMount
}, [])