Как показать результат маршрутизатора с боковой панели к компоненту контента с помощьюactjs?

Question

Я новичок, чтобы реагировать, и я пытался найти пример того, как использовать маршрутизатор внутри моего компонента SideBar, поэтому проблема заключается в том, что результат отображается на боковой панели, а не на содержимом страницы. любая помощь, пожалуйста!

Я использую реагировать js с node.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>

это результат кода

Answer 1

результат будет отображаться везде, где вы визуализируете маршрут, поэтому, если он находится на боковой панели, он будет отображать

, если вы хотите визуализировать его вне боковой панели, вам следует обернуть большую часть своего приложения.в роутере (перемещая его выше в дереве).затем вы можете разместить маршруты внутри него, где вы хотите, чтобы сделать.