javascript - 更改组件的路由

Question

我有树组件:

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 不会发生变化。也就是说，渲染了另一个组件，地址保持不变。

Answer 1

你应该看看这个 SO 帖子，我认为它可以帮助你。

Navigate to a component without changing url in ReactJS