我有树组件:
class Home extends Component {
render() {
return (
<div>
<h2>Home</h2>
</div>
);
}
}
class Task extends Component {
render() {
return (
<div>
<h2>Task</h2>
</div>
);
}
}
class User extends Component {
render() {
return (
<div>
<h2>User</h2>
// <Link to='/task'>???</Link>
</div>
);
}
}
我有 index.js:
ReactDOM.render(
<BrowserRouter>
<Switch>
<Route exact path='/' component={Home} />
<Route path='/user' component={User} />
</Switch>
</BrowserRouter>,
document.getElementById('root')
);
有两个组件映射到两个 URL,如何使第三个组件单独呈现,当您单击某些内容(按钮或链接)时,URL 不会发生变化。也就是说,渲染了另一个组件,地址保持不变。
最佳答案
你应该看看这个 SO 帖子,我认为它可以帮助你。
关于javascript - 更改组件的路由,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53476804/