如何合并两者来创建垂直菜单?我有一个基本的路由设置(工作和获取呈现为一个标准的水平菜单):React-router + react-bootstrap
<div>
<Link className="p5" to='/'>Home</Link>
<Link className="p5" to='/Gallery'>Gallery</Link>
<Link className="p5" to='/Contact'>Contact</Link>
</div>
从反应的自举文档,还有这个例子的垂直导航元素:
function handleSelect(selectedKey) {
alert('selected ' + selectedKey);
}
const navInstance = (
<Nav bsStyle="pills" stacked 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>
);
我很困惑如何将他们两人融合在一起?我设法把它们放在一起,而不使用react-bootstrap,就像下面的正常bootstrap一样,但是这会破坏使用react-bootstrap的目的。
<ul className="nav nav-pills nav-stacked">
<li className="active"><Link className="p5" to='/'>Home</Link></li>
<li><Link className="p5" to='/Gallery'>Gallery</Link></li>
<li><Link className="p5" to='/Contact'>Contact</Link></li>
</ul>
感谢。为什么我没有想过检查这样的合并是否还没有创建? – Wasteland
该项目没有太多文档。你知道一个好的bootstrap可折叠的导航栏示例react-router-bootstrap吗? 我正在寻找一个结合了这个https:// react-bootstrap的例子。github.io/components.html#navigation with react-router。谢谢! –
提供的链接上的绝对0文档。这个答案不应该被接受。 – tonkihonks13