Reactjs 在选项卡之间切换时出现库错误

你好，我正在使用react应用程序，其中我有两个可能是库错误。 在标签之间切换时

ReactReconciler.js:51 Uncaught TypeError: Cannot read property '_currentElement' of null

及

我花了好几个小时，谢谢你的帮助

这是在选项卡之间切换的代码。以前它工作得很好，但当我将其克隆到不同的机器时，它会抛出如上所述的错误

'use strict';

var React = require('react');
var ReactDOM = require('react-dom');
var ReactRouter = require('react-router');
var ReactBootstrap = require('react-bootstrap');

var Link = ReactRouter.Link;
var Route = ReactRouter.Route;

var Button = ReactBootstrap.Button;
var ButtonToolbar = ReactBootstrap.ButtonToolbar;
var Nav = ReactBootstrap.Nav;
var Navbar = ReactBootstrap.Navbar;
var NavItem = ReactBootstrap.NavItem;
var Tabs = ReactBootstrap.Tabs;
var Tab = ReactBootstrap.Tab;


var Subtab = React.createClass({

  componentDidMount: function () {
    var path = window.location.href;
    path = path.replace(/\/$/, "");
    path = decodeURIComponent(path);

if(path.indexOf('transaction') > 0) {
  $('#transaction').addClass('active');
  $('#portfolio').removeClass('active');
  $('#tax').removeClass('active');

}else if(path.indexOf('tax') > 0) {
  $('#tax').addClass('active');
  $('#transaction').removeClass('active');
  $('#portfolio').removeClass('active');

}else{
  $('#transaction').removeClass('active');
  $('#portfolio').addClass('active');
  $('#tax').removeClass('active');
}
},

  render: function() {
    return (
     <div>
     <br/>
        <Nav bsStyle="tabs" style={{ 'position': 'relative','top': '2px'}}>
          <NavItem id="portfolio" href={'#/portfolio/' + this.props.portfolioId}><b>Portfolio Details</b></NavItem>
          <NavItem id="transaction"  href={'#/portfolio/' +  this.props.portfolioId + '/transaction'}><b>Transaction</b></NavItem>
          <NavItem id="tax" href={'#/portfolio/' + this.props.portfolioId      + '/tax'}><b>Taxation</b></NavItem>
        </Nav>
     </div>
    );
  }
});

“严格使用”；
var React=要求（'React'）；
var ReactDOM=require（'react-dom'）；
var ReactRouter=require（'react-router'）；
var ReactBootstrap=require（'react-bootstrap'）；
var Link=ReactRouter.Link；
var Route=ReactRouter.Route；
var Button=ReactBootstrap.Button；
var buttonoolbar=ReactBootstrap.buttonoolbar；
var Nav=ReactBootstrap.Nav；
var Navbar=ReactBootstrap.Navbar；
var NavItem=ReactBootstrap.NavItem；
var Tabs=ReactBootstrap.Tabs；
var Tab=ReactBootstrap.Tab；
var Subtab=React.createClass({
componentDidMount:函数（）{
var path=window.location.href；
路径=路径。替换（/\/$/，“”）；
路径=解码组件（路径）；
if（path.indexOf（'transaction'）>0）{
$（“#事务”）.addClass（“活动”）；
$（“#公文包”）.removeClass（'active'）；
$（“#tax”）.removeClass（'active'）；
}else if（path.indexOf（'tax'）>0）{
$（'#tax'）.addClass（'active'）；
$（“#事务”）.removeClass（'active'）；
$（“#公文包”）.removeClass（'active'）；
}否则{
$（“#事务”）.removeClass（'active'）；
$（“#公文包”）.addClass（“活动”）；
$（“#tax”）.removeClass（'active'）；
}
},
render:function（）{
返回(


投资组合详细信息
交易
征税
);
}
});

---

module.exports=子选项卡

你必须提供更多与你的应用程序和问题相关的代码。我的意思是更多。目前无法提供有限的信息来帮助您。您必须提供更多与应用程序和问题相关的代码。我的意思是更多。由于所提供的信息有限，现在无法帮助您。

'use strict';

var React = require('react');
var ReactDOM = require('react-dom');
var ReactRouter = require('react-router');
var ReactBootstrap = require('react-bootstrap');

var Link = ReactRouter.Link;
var Route = ReactRouter.Route;

var Button = ReactBootstrap.Button;
var ButtonToolbar = ReactBootstrap.ButtonToolbar;
var Nav = ReactBootstrap.Nav;
var Navbar = ReactBootstrap.Navbar;
var NavItem = ReactBootstrap.NavItem;
var Tabs = ReactBootstrap.Tabs;
var Tab = ReactBootstrap.Tab;


var Subtab = React.createClass({

  componentDidMount: function () {
    var path = window.location.href;
    path = path.replace(/\/$/, "");
    path = decodeURIComponent(path);

if(path.indexOf('transaction') > 0) {
  $('#transaction').addClass('active');
  $('#portfolio').removeClass('active');
  $('#tax').removeClass('active');

}else if(path.indexOf('tax') > 0) {
  $('#tax').addClass('active');
  $('#transaction').removeClass('active');
  $('#portfolio').removeClass('active');

}else{
  $('#transaction').removeClass('active');
  $('#portfolio').addClass('active');
  $('#tax').removeClass('active');
}
},

  render: function() {
    return (
     <div>
     <br/>
        <Nav bsStyle="tabs" style={{ 'position': 'relative','top': '2px'}}>
          <NavItem id="portfolio" href={'#/portfolio/' + this.props.portfolioId}><b>Portfolio Details</b></NavItem>
          <NavItem id="transaction"  href={'#/portfolio/' +  this.props.portfolioId + '/transaction'}><b>Transaction</b></NavItem>
          <NavItem id="tax" href={'#/portfolio/' + this.props.portfolioId      + '/tax'}><b>Taxation</b></NavItem>
        </Nav>
     </div>
    );
  }
});