react-router-bootstrap, 反应路由器与响应 Bootstrap的集成

分享于 

2分钟阅读

GitHub

  繁體 雙語
react-router and rect-bootstrap compatible components
  • 源代码名称:react-router-bootstrap
  • 源代码网址:http://www.github.com/react-bootstrap/react-router-bootstrap
  • react-router-bootstrap源代码文档
  • react-router-bootstrap源代码下载
  • Git URL:
    git://www.github.com/react-bootstrap/react-router-bootstrap.git
    Git Clone代码到本地:
    git clone http://www.github.com/react-bootstrap/react-router-bootstrap
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/react-bootstrap/react-router-bootstrap
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    react-router-bootstrap Travisnpm

    响应路由器 v4和响应 Bootstrap。

    安装

    对于响应路由器 v4:

    npm install -S react-router-bootstrap

    对于响应路由器v3或者更低的( 请参见 rr-v3 分支):

    npm install -S react-router-bootstrap@rr-v3

    用法

    <LinkContainer> 中封装你的响应 Bootstrap 元素,使它的行为像一个响应路由器 <Link>

    <LinkContainer> 接受的参数与路由器 <NavLink> 服务器的响应参数相同。

    请注意默认情况下,React路由器 MATCH 任何包含 to prop中指定路径的位置。 若要使 <LinkContainer> 准确地将位置设置为 MATCH,请将 exact prop设置为 true 或者使用 <IndexLinkContainer>

    示例

    以下是纯响应 Bootstrap 组件

    <Button href="/foo/bar">Foo</Button>

    变成

    <LinkContainer to="/foo/bar"><Button>Foo</Button></LinkContainer>

    请参见捐赠。


    INT  BOO  引导  react  Bootstrap  整合  
    相关文章