Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 反应引导:导航栏上有多个活动键_Twitter Bootstrap_Reactjs - Fatal编程技术网

Twitter bootstrap 反应引导:导航栏上有多个活动键

Twitter bootstrap 反应引导:导航栏上有多个活动键,twitter-bootstrap,reactjs,Twitter Bootstrap,Reactjs,我想制作一个具有多个活动关键点的导航栏。 下面是导航栏的代码 <Nav bsStyle="pills" activeKey={1} onSelect={handleSelect}> <NavItem eventKey={1} href="/home">NavItem 1 content</NavItem> <NavItem eventKey={2} title="Item">NavItem 2 content</NavItem>

我想制作一个具有多个活动关键点的导航栏。 下面是导航栏的代码

<Nav bsStyle="pills" activeKey={1} onSelect={handleSelect}>
  <NavItem eventKey={1} href="/home">NavItem 1 content</NavItem>
  <NavItem eventKey={2} title="Item">NavItem 2 content</NavItem>
  <NavItem eventKey={3} disabled>NavItem 3 content</NavItem>
</Nav>

NavItem 1内容
NavItem 2内容
NavItem 3内容
我可以把activeKey道具作为数组吗


例如:-activeKey=[1,2,3]

否,似乎没有办法为
activeKey
分配数组;它只需要一个值。然而,其他元素似乎支持这一点,例如
。不知道为什么会这样


解决方案 不过,只要稍加修改,您仍然可以完成您想要的任务。解决方案根本不使用
activeKey
eventKey
。相反,我们使用一个数组,对于每个
,我们检查数组中是否存在该索引;如果有,我们给它
active
prop

看一看


这是那把小提琴的一小段。这里,
activeKeys
是一个数组,可以包含1、2、3或它们的任意组合

<Nav bsStyle="pills">
  <NavItem active={activeKeys.indexOf(1) >= 0 ? true : false}>NavItem 1 content</NavItem>
  <NavItem active={activeKeys.indexOf(2) >= 0 ? true : false}>NavItem 2 content</NavItem>
  <NavItem active={activeKeys.indexOf(3) >= 0 ? true : false}>NavItem 3 content</NavItem>
</Nav>

= 0 ? true:false}>NavItem 1内容
= 0 ? true:false}>NavItem 2内容
= 0 ? true:false}>NavItem 3内容

显示
可以使用
激活的
道具:

活动|类型:布尔值|默认值:false


你能解释一下“有多个键的导航条”是什么意思吗?是否希望多个NavItem同时处于活动状态?抱歉,忘记提及“活动键”。我已相应地编辑了答案。你能建议如何实现多个活动键吗???谢谢