页面之间的导航

Question

我对 ReactJs 比较陌生。考虑一下，我们有以下代码：

index.js

import {BrowserRouter as Router, Route} from 'react-router-dom'
import MyComponent1 from 'path/to/component1'
import MyComponent2 from 'path/to/component2'
import App from './App'

**** 

const WrappedApp = (
  <Router>
    <Route path={App}/>
  </Router>
)

ReactDOM.render(WrappedApp, document.getElementById('root'));

App.js

import React from 'react'
import {Switch, Route} from 'react-router-dom'
import MyComponent1 from 'path/to/component1'
import MyComponent1 from 'path/to/component2'

    export default class App extends React.Component {
     render() {
       return (
         <Switch>
          <Route path='/' component={MyComponent1}>
          <Route path='/2' component={MyComponent2}>
         <Switch>
        )
     }

问题

MyComponent2 有按钮，onClick/submit 应该重定向到另一个未在路由器中指定的组件。

我怎样才能做到这一点？我正在使用 React Router 4.x

非常感谢您提供示例和建议

Answer 1

不知道你的component2是怎么开发的，但是看到这里报错：

import MyComponent1 from 'path/to/component1'
import MyComponent1 from 'path/to/component2'

也许你想做：

import MyComponent2 from 'path/to/component2'

你也可以从 React Router 导入 Link，像这样：

import { Link } from 'react-router-dom'
<Link to="/about">About</Link>

查看文档 here

页面之间的导航

Navigation between the pages

javascript

reactjs

react-router-v4