使用类组件和React导航检测屏幕(选项卡)何时进入前台:生命周期函数在React-Native中不起作用

qmelpv7a  于 2022-11-17  发布在  React
关注(0)|答案(1)|浏览(74)

我正在使用react-navigation 6.x,我正在寻找一种方法来找出,当一个类组件os集中。我在网上/文档中找到的所有东西都是关于功能组件的,使用hooks,因为react are not working提供了正常的生命周期功能。所以这

componentDidMount () { ..... }

也不起作用。但是,每次组件成为焦点时,我都需要调用一个函数。如何使用react-navigation来确定类组件是否成为焦点?

kzmpq1sx

kzmpq1sx1#

有一种方法可以在类组件中实际使用钩子。你需要用一个包含焦点钩子的 Package 器来 Package 你的类组件。例子取自documentation

class Profile extends React.Component {
  render() {
    // Get it from props
    const { isFocused } = this.props;
  }
}

// Wrap and export
export default function(props) {
  const isFocused = useIsFocused();

  return <Profile {...props} isFocused={isFocused} />;
}

相关问题