javascript - React 通过函数创建菜单项

Question

我有一个包含如下列表项的菜单

   <MenuItem
      //className={this.classes.menuItem}
      onClick={this.handleClose}
    >
      <NavLink
        to={Constants.pagesURL+page}
        //className={this.classes.menuItemAnchor}
      >
        {Constants.pagesName+page}
      </NavLink>
    </MenuItem>

我想用 menuItem(page) 函数包装它，因此在页面内，我需要做的就是 {this.menuItem('Home')} 和 {this.menuItem ('Page1')} 填充菜单项，简单且干净..

困难是我希望将调用函数时发送的名称添加到常量名称中。例如，如果我执行 {this.menuItem('Home')} 则 {Constants.pagesName+page} 实际上需要是 {Constants.pagesNameHome}..

我尝试按照上面的方法在发送的page前面添加+，但不起作用。我尝试了{Constants.pagesName[page]}不起作用，我尝试创建 let pageName = 'pagesName'+page; 然后执行 {Constants.pagesName} 也不起作用。我怎样才能得到这份工作？

因为它是{Constants.pagesURL+page}我得到'undefinedHome'和'undefinedPage1'...

Answer 1

你尝试过吗:

const menuItem = (page) => `${Constants.pagesURL}${page}`;