如何使用reactjs将路由器的结果从边栏显示到内容组件？

我是个新手，我一直在尝试在我的边栏组件中找到一个如何使用路由器的例子，所以问题是结果显示在边栏上，而不是页面内容上。请帮忙

我在node.js中使用react js

// App.js


import 'babel-polyfill';
import React, { PropTypes } from 'react';
import ReactDOM from 'react-dom';
import Header from './Header';
import Content from './Content';
import SideBar from './SideBar'


export default class App extends React.Component {
  render() {
    return (
      <div>
        <Header />
        <SideBar />
      </div>
    );
  }
}


//sideBar

<li className="treeview">
  <a href="#">
    <i className="fa fa-cogs"></i>
    <span>Configuratin</span>
    <span className="pull-right-container">
      <i className="fa fa-angle-left pull-right"></i>
    </span>
  </a>
  <ul className="treeview-menu">
    <Router>
      <li>
        <Link to="/pages/charts/chartjs">Projects Setings</Link>
      </li>
      <li>
        <Link to="/conf">ReqTool Configuration</Link>
      </li>
      <Route path="/conf" component={conf} />
    </Router>
  </ul>
</li>

//App.js
进口“babel polyfill”；
从“React”导入React，{PropTypes}；
从“react dom”导入react dom；
从“./头”导入头；
从“./Content”导入内容；
从“./SideBar”导入侧栏
导出默认类App扩展React.Component{
render（）{
返回(
);
}
}
//边栏



项目设置


ReqTool配置

---

结果将显示渲染路线的位置，因此，如果路线在侧栏中，则这是渲染路线的位置

---

如果你想在边栏之外呈现这个，你应该在路由器中包装更多的应用程序（在树中把它移到更高的位置）。然后，可以将管线放置在其中希望渲染的位置

结果将显示渲染路线的位置，因此，如果路线在侧栏中，则这是渲染路线的位置

如果你想在边栏之外呈现这个，你应该在路由器中包装更多的应用程序（在树中把它移到更高的位置）。然后，可以将管线放置在其中希望渲染的位置