React Router重定向重新呈现调用它的相同组件，而不重定向到指定路径

Question

在使用

进行状态更改后，我试图从另一个组件重定向到另一个组件

在组件B.js中，我想要重定向onclick，如下所示：

 if(this.state.something) return <Redirect to= "/" />

在组件A.js中

`

import { Route,Switch,BrowserRouter  as Router} from 'react-router-dom';

    const  ComponentA  = () => { 

    return (  

        <Router>
            <React.Fragment>

                <Switch>
                    <Route exact path="/somepath/:name/:id/"  component={ComponentXYZ} />
                    <Route  path='/' exact component={Log} />

                </Switch> 

            </React.Fragment>
        </Router>

)} ;
export default ComponentA ;`

我的问题是URL重定向在on上更改为'localhost:3000/'，但是组件A正在使用组件“ abc”而不是“ Log”呈现路由。如果刷新浏览器，则Log组件将呈现并显示视图。我尝试过history.push，也尝试过withRouter解决了这个问题，但是没有运气。请帮忙，我是新来编程的。 TIA：）