Question

我正在使用我的本机应用程序中的菜单，

 <Menu onSelect={(value) => alert(`User selected the number ${value}`)}>
  <MenuTrigger>
    <Text style={{ fontSize: 20 }}>&#8942;</Text>
  </MenuTrigger>
  <MenuOptions>
    <MenuOption value={1}>
      <Text>One</Text>
    </MenuOption>
    <MenuOption value={2}>
      <Text>Two</Text>
    </MenuOption>
  </MenuOptions>
</Menu>

我想将$ {value}作为参数传递给函数。我正在尝试这样做

 <Menu opened={this.state.opened}  renderer={renderers.SlideInMenu} onBackdropPress={() => 
 this.onBackdropPress()} onSelect={(value) => this.navigateMenu(${value})}>

以及

  <Menu opened={this.state.opened}  renderer={renderers.SlideInMenu} onBackdropPress={() => 
  this.onBackdropPress()} onSelect={() => this.navigateMenu(${value})}>

但是上面的代码给我一个错误，谁能帮助我解决这个问题，谢谢

Answer 1

您只是使用了错误的语法。

${variable}一无所获将引发错误。将这种语法引入警报中是很好的，因为您正在使用模板文字（在此处https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals了解更多信息）

在这里，您只需要像这样放置变量：

onSelect={() => this.navigateMenu(value)}

react-native：将菜单值作为参数传递给函数

1 个答案: