如何在 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' }
];

并且在 class 我正在做

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

如何在 ReactJS 中使用 const

How to use const in ReactJS

javascript

constants

reactjs