挂钩只能在功能组件的主体内部调用

Question

我正在尝试在RN应用中实施Firebase通知。我遵循了这个post

但是，当我运行代码时，我得到 $this->loadMigrationsFrom($somewhere); 。这是我的 App.json 文件

Hooks can only be called inside the body of a function component

并具有获取令牌，权限和通过远程通知显示警报的功能。这些功能在正确的位置吗？

export default class App extends Component {
  state = {
  isLoadingComplete: false,
};

  render() {
     return (
       <SafeAreaView forceInset={{ bottom: 'never'}} style={styles.container}>
         {Platform.OS === 'ios' && <StatusBar barStyle="default" />}
         <Provider store={store}>
         <AppNavigator/>
         </Provider>
       </SafeAreaView>
     );
  }

我不知道自己缺少什么。也许某些功能超出了范围...但我不知道

Answer 1

我将useEffect更改为componentDidMount()，效果很好

componentDidMount() {
  this.checkPermission();
  this.messageListener();
}