Лучший способ сделать это - избавиться от маршрутизатора для этого конкретного компонента.Внутри одного компонента (скажем, SignIn) у вас может быть кнопка, которая будет переключать (показывать / скрывать) часть входа.
import React from 'react';
import { BrowserRouter as Router,Route, Link, Switch} from 'react-router-dom';
import SignIn from './SignIn'
export default class Clicksigningin extends React.Component{
constructor(props){
super(props);
this.state={showSignInPage:false}
}
toggleSignIn(){
this.setState({showSignInPage:!this.state.showSignInPage});
}
render(){
return(
<div>
{this.state.showSignInPage && <SignIn/>}
<button className='btn btn-danger' onClick={()=>this.toggleSignIn()}>Sign In</button>
</div>
</Router>
</div>
)
}
PS: код, который я не тестировал.