Javascript 如何在ReactJS中使用const

我有一个需要使用两次的数组，我不想在代码中重复它

const menuItems = [
  { route : 'home', text : 'Game Info' },
  { route : 'players-info', text : 'Players Info' },
  { route : 'money', text : 'Money' },
  { route : 'refunds', text : 'Refounds' },
  { route : 'videos', text : 'Videos' },
  { route : 'tips', text : 'Tips' }
];

在我的课堂上

render () {
  return <LeftNav
    menuItems={menuItems} />
}

那么，我应该如何在不同的文件中使用

常量呢？
//menuItems.js

export default const menuItems = [
  { route : 'home', text : 'Game Info' },
  { route : 'players-info', text : 'Players Info' },
  { route : 'money', text : 'Money' },
  { route : 'refunds', text : 'Refounds' },
  { route : 'videos', text : 'Videos' },
  { route : 'tips', text : 'Tips' }
];

//然后你可以像这样导入它

import menuItems from "./menuItems";

将它放在一个单独的模块中，然后导入它？要在模块外使用的任何东西都必须导出。问题似乎与
const
或React无关，而是与如何组织代码有关。
import menuItems from "./menuItems";