如何在ReactJS中使用const

How to use const in ReactJS

本文关键字：const ReactJS      更新时间：2023-09-26

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

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呢?

//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";
相关文章：