动态加载菜单

Question

我试图动态地更改我发送的数组，以便通过一个道具来映射，这样我就可以更改菜单了。

menus.js

export const menu1 = [
    "menu_item1",
    "menu_item2"
];

export const menu2 = [
    "menu_item1",
    "menu_item2"
];

app.js

import {menu1, menu2} from "menus";

.
.
.
.

// after clicking on a button we will receive a  string "menu2" and set it to represent the menu2 object.

this.setState = {
   network_menu: menu2
}

我试着用伊娃做这件事，但也没有运气。

• 额外的问题，如何在同一时间内从上面导出所有这些数组？我试过*但没起作用

谢谢!

Answer 1

为了同时导出多个菜单，您可以这样做：

​

export const menus = {
  menu1: [
    "menu_item1",
    "menu_item2"
  ],
  menu2: [
    "menu_item1",
    "menu_item2"
  ]
}

​

你的app.js会改变如下：

​

import {
  menus
} from "menus";

.
.
.
.

// after clicking on a button we will receive a  string "menu2" and set it to represent the menu2 object.

this.setState({
  network_menu: menu2 //use menus.menu2
})

​