React.js + bootstrap-table仅在第一次加载时起作用,但转换会破坏表

nin*_*eer 2 javascript twitter-bootstrap reactjs react-jsx bootstrap-table

使用http://bootstrap-table.wenzhixin.net.cn

这是我的组件包含表代码:

var Component = React.createClass({
  render: function() {
    return (
      <div className="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
            <div className="row">
                <ol className="breadcrumb">
                    <li><a href="#"><span className="glyphicon glyphicon-home"></span></a></li>
                    <li className="active">Users</li>
                </ol>
            </div><!--/.row-->

            <div className="row">
                <div className="col-lg-12">
                    <h1 className="page-header">Tables</h1>
                </div>
            </div><!--/.row-->


            <div className="row">
                <div className="col-lg-12">
                    <div className="panel panel-default">
                        <div className="panel-heading">User List</div>
                        <div className="panel-body">
                            <table ref='table' data-toggle="table" data-url='http://localhost:3000/admin/users'  data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar1" data-pagination="true" data-sort-name="name" data-sort-order="desc">
                                <thead>
                                    <tr>
                          <th data-field="firstName">First Name</th>
                          <th data-field="lastName">Last Name</th>
                          <th data-field="level">Level</th>
                          <th data-field="verified">Verified</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div><!--/.row-->

        </div><!--/.main-->
    );
  }
});
Run Code Online (Sandbox Code Playgroud)

如果我直接加载包含此表的页面,它工作正常.但是,如果我使用react-router从其他页面转换到此页面,则表格不会加载.看起来好像加载bootstrap-table.js已经卸载了.

小智 5

它是React.js 的Bootstrap表组件

也许你可以试试!!