javascript - 在没有类的情况下使用 componentWillMount

Question

对于react-native，我想使用componentWillMount而不使用类

  await Font.loadAsync({
    gotham_medium: require("../../assets/GothamMedium_1.ttf")
  });
}

const Button = (props: TouchableOpacityProps & ButtonProps) => (
  <TouchableOpacity {...props} style={styles.button}>
    <Text style={styles.title}>{props.title}</Text>
  </TouchableOpacity>
);

export default Button;

但我的设备有问题: error on the device

Answer 1

它说问题出在这一行(确实如此):

async componentWillMount = () => {

当您使用异步函数时，async 关键字位于 () => 之前(普通 js 语法错误)。像这样:

componentWillMount = async () => {

但是，这不是主要问题。当不使用类时，您需要 useEffect Hook 。因此，尝试这样的操作(整个组件，并删除 componentWillMount):

const Button = (props: TouchableOpacityProps & ButtonProps) => {
  useEffect(async () => {
    await Font.loadAsync({
      gotham_medium: require("../../assets/GothamMedium_1.ttf")
    });
  }, []);
  return (
    <TouchableOpacity {...props} style={styles.button}>
      <Text style={styles.title}>{props.title}</Text>
    </TouchableOpacity>
  );
};

在文件顶部:

import { useEffect } from 'react';