reactjs - 函数组件中的 React/ReactNative 静态属性

Question

在我的 React Native 编写的 TypeScript 中，我使用 ReactNavigation。在我使用如下的类组件之前

class HomeScreen extends Component {
   static navigationOptions: any;
   ...
}

// in navigation config
HomeScreen.navigationOptions = {...}

通过 hooks 支持，我将 HomeScreen 迁移到如下功能组件

function HomeScreen(props:Props) {
  return (...)
}
HomeScreen.navigationOptions = {...} // VS Code error here

问题是我错过了 static navigationOptions: any 属性/方法，并且得到了错误 [在 VS Code 中]

'navigationOptions' does not exist on type '(props: Props) => Element'

有没有办法在函数组件中拥有静态属性/方法？或者有什么解决方案吗？

Answer 1

这可能有点晚了。你的功能组件就像

export default function HomeScreen(props){
  return(..)
}
//the following is the static field from class component
HomeScreen.navigationOptions={
 title:'Home',
};

我希望这可以帮助某人。