Reactjs 在react导航中按字母顺序排列屏幕

我想按字母顺序自动排列屏幕。因此，我可以只在底部添加一个屏幕，而不必担心它在列表中的位置。我有很多屏幕

这是我的代码（我删除了一些屏幕，因为屏幕太多，没有发布我的导入）：

export const Root=DrawerNavigator({
主页：{screen:Home}，
关于：{屏幕：关于}，
管理：{屏幕：管理}，
CSF:{screen:CSF}，
日历：{屏幕：日历}，
目录：{screen:Directory}，
HNN:{屏幕：HNN}，
NHS:{屏幕：NHS}，
IB:{屏幕：IB}，
ID:{屏幕：ID}，
站点：{screen:Site}，
WebStore:{screen:WebStore}，
}, {
//抽屉配置
//抽屉宽度：239，//抽屉宽度//设备的自动大小
contentComponent:props=>，//滚动抽屉
//backBehavior:'无'，//当前使后退按钮不执行任何操作
抽屉位置：'对'，
抽屉背景颜色：“白烟”，
DropeRopenRoute:'DropeRopen'，//防止错误的东西
DroperCloseRoute:'DroperClose'，//防止错误的东西
DroperTogglerOute:'DroperToggle'，//防止错误的东西
内容选项：{
activeTintColor:“#63461E”，//棕色活动文本
InactiveIntColor:“#7F6D45”，//浅棕色非活动文本
风格：{
玛吉：9，
}
}
//末端抽屉配置
});

这可能吗？
我怎样才能做到这一点

---

提前感谢

这与javascript无关，只是关于您的代码编辑器如何为您自动执行此操作

对于VisualStudio代码，您可以使用插件，这可能适合您

按字母顺序对选定JSON对象中的键进行排序

export const Root = DrawerNavigator({

  Home: { screen: Home },
  About: { screen: About },
  Administration: { screen: Administration },
  CSF: { screen: CSF },
  Calendar: { screen: Calendar },
  Directory: { screen: Directory },
  HNN: { screen: HNN },
  NHS: {screen: NHS},
  IB: { screen: IB },
  ID: { screen: ID },
  Site: { screen: Site },
  WebStore: { screen: WebStore },


}, {
  // drawer config
  //drawerWidth: 239, //drawer width //auto size for device

  contentComponent: props => <ScrollView><DrawerItems {...props} /></ScrollView>, //scrolling drawer
  //backBehavior: 'none', //currently makes back button do nothing
  drawerPosition: 'right',
  drawerBackgroundColor: 'whitesmoke',
  drawerOpenRoute: 'DrawerOpen', //stuff that prevents errors
  drawerCloseRoute: 'DrawerClose',  //stuff that prevents errors
  drawerToggleRoute: 'DrawerToggle', //stuff that prevents errors
  contentOptions: {
    activeTintColor: '#63461E', //brown active text
    inactiveTintColor: '#7F6D45', //light brown inactive text
    style: {
      marginVertical: 9,

    }
  }
  //end drawer config
});