javascript - 如何在 ReactJS 中使用 const

Question

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

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} />
}

所以，假设在另一个文件中，我想使用相同的 const menuItems，并像这样渲染它

  render () {

    let tabs = menuItems.map((item) => {
      return <Tab        
        key={item.route}
        label={item.text}
        route={item.route}
        onActive={this._onActive} />
    });

    return <Tabs
        initialSelectedIndex={0}>{tabs}
      </Tabs>;
  }

那么，我应该怎么做才能在不同文件中使用 const 呢？

Answer 1

//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";