Twitter bootstrap 如何在React引导上自定义组件

Twitter bootstrap 如何在React引导上自定义组件,twitter-bootstrap,reactjs,Twitter Bootstrap,Reactjs,我正在试用React引导程序,希望更改导航,自定义导航。我正在做这样的事情 const navInstance = ( <Nav bsStyle='pills'> <NavItem eventKey={1} href='/home'>NavItem 1 content</NavItem> </Nav> ); React.render(navInstance, document.querySelector('.con

我正在试用React引导程序,希望更改导航,自定义导航。我正在做这样的事情

const navInstance = (
    <Nav bsStyle='pills'>
        <NavItem eventKey={1} href='/home'>NavItem 1 content</NavItem>
    </Nav>
);

React.render(navInstance, document.querySelector('.container'));
const navistance=(
NavItem 1内容
);
React.render(navistance、document.querySelector('.container');

我该怎么换颜色呢?另外,如何将导航粘贴到顶部,以便当页面滚动时,导航保持固定?

我认为您缺少作为父级的导航栏组件。您的组件应该如下所示:

<Navbar fixedTop>
    <Nav>
        <NavItem eventKey={1} href='#'>Link</NavItem>
        <NavItem eventKey={2} href='#'>Link</NavItem>
    </Nav>
</Navbar>

链接
链接

fixedTop属性将通过从bootstrap.css添加适当的类来保持其固定。颜色的改变将是css类的覆盖,您应该很乐意去做。

eventKey={1}指的是什么?它是一个标识符,通过Nav元素上的onSelect回调发送,以标识所选内容。