ReactJS -我无法通过路由访问other中的组件
ReactJS -我无法通过路由访问other中的组件
提问于 2018-10-26 04:58:38
我有一个这样的网站：
<Header>
<MenuPrincipal>
<Home></Home>
</MenuPrincipal>
</Header>当我单击标题中的徽标时，它不工作，什么也没有发生，我想访问<MenuPrincipal>中的主页组件<Home>组件。<Header>组件是父组件，您可以在上面的结构中看到它。我该怎么解决它呢？
import React from 'react'
import { BrowserRouter as Router, Route, Link, } from 'react-router-dom'
import Home from './Home';
import {connect} from 'react-redux'
import {bindActionCreators} from 'redux'
import { showBGImage } from './actions';
const Header = (props) => {
return (
<div className="header">
<div>
<Router>
<div>
<h1>
<Link onClick={showBGImage} className="home-link" to='/'>Mauro Bitar<br />
<small className="home-link">arquiteto</small>
</Link>
</h1>
<Route exact path='/' render={() => <Home />} />
</div>
</Router>
</div>
</div>
)
}
export default Header回答 1
Stack Overflow用户
发布于 2018-10-26 05:19:15
<BrowserRouter>它更像是一个历史浏览器，你需要使用开关来代替。
import { BrowserRouter as Router, Route, Link, Switch} from 'react-router-dom'
const Header = (props) => {
return (
<div className="header">
<Router>
<Switch>
<div>
<h1>
<Link onClick={showBGImage} className="home-link" to='/'>Mauro Bitar<br />
<small className="home-link">arquiteto</small>
</Link>
</h1>
<Route exact path='/' render={() => <Home />} />
</div>
</Switch>
</Router>
</div>
)
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52998008
复制相关文章
相似问题