Javascript 如何在React中使用HOC传递静态导航选项？

我想创建一个HOC来将导航选项传递给传递的组件

常量withNavigationOptions=Component=>{…props}=>{ const Component with navigation=组件； ComponentWithNavigation.navigationOptions={navigation}=>{ const{title}=navigation.state.params； 返回{ 标题： 导航。导航“仪表板”} /> }; }; 回来 };

---

使用导航选项导出默认值 将导航选项传递到渲染组件的正确方法是将其作为道具传递

const withNavigationOptions = Component => ({ ...props }) => {
  const ComponentWithNavigation = Component;
  const navigationOptions = ({ navigation }) => {
    const { title } = navigation.state.params;
    return {
      header: (
        <Navbar
          navigation={navigation}
          title={title}
          onBackPress={() => navigation.navigate('Dashboard')}
        />
      )
    };
  };

  return <ComponentWithNavigation {...props} navigationOptions={navigationOptions} />;
};

export default withNavigationOptions;

在您的情况下，静态选项不会提供给返回的组件，因为您是在呈现组件而不是返回的功能组件上添加它