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导入链接，如下所示：

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

查看文档here

导航到另一个页面

1 个答案: