Question

我想构建一个到react-router的子页面的单向路线。从那个子页面我不想回去。

class Home extends Component {
  render() {
    return <h3>Im Home</h3>;
  }
}

export default class Navigation extends Component {
  render() {
    return (
      <Router>
        <div>
          <Link to="/reports/home">Home</Link>
          <Route path="/reports/home" component={Home} />
        </div>
      </Router>
    );
  }
}

当前行为：即使我已点击它，我也会看到“主页”链接。

通缉行为：只要点击链接到“主页”，我就不希望看到任何与导航相关的组件 - 只有纯家庭组件。

Answer 1

您需要移动组件。

指定路由的顶部路由器。

然后是一条路线，用于导航，另一条路线用于报告/回家。

＆＃13;

class Router extends Component {
  render() {
    return (
        <Router>
           <div>                  
               <Route path="/navigation" component={Navigation} />
               <Route path="/reports/home" component={Home} />
           </div>
       </Router>
    );
  }
}

class Navigation extends Component {
  render() {
    return <div><Link to="/reports/home">Home</Link></div>;
  }
}

class Home extends Component {
  render() {
    return <h3>Im Home</h3>;
  }
}

＆＃13;

反应路由器：单向

1 个答案: