Проблема в маршрутизации при регистрации через страницу входа в систему

Question

импорт React, {Component} из'act ';импортировать {BrowserRouter как Router, Route, Link, withRouter} из "response-router-dom";импорт Регистрация из класса '../Component/Registration' Логин расширяет Компонент {конструктор (реквизиты) {супер (реквизиты) {this.state = {email: '', пароль: ''}

    }
}

handleChange=({target})=>{

    this.setState({[target.name]:target.value});
};
login=(target)=>
{
    console.log(this.state.email);
    console.log(this.state.password);
      }


render(){
    return(
        <div>
                    <label htmlFor="Email"> Enter Mobile no. </label>
                    <input value={this.state.email} onChange={this.handleChange} name="email" type="email" placeholder="Enter Email" />
                    <br/>
                    <br/>
                    <label htmlFor="password"> Enter password </label>
                    <input value={this.state.password} onChange={this.handleChange} name="password" type="password" />
                    <br/>
                    <br/>
                    <button onClick={this.login} > Login</button>
                    <Link to="/" >Registration</Link>
                    <Router>
                        <Route path={"/"} Component={withRouter(Registration)}/>
                    </Router>
        </div>
    )
}

} экспорт по умолчанию Логин;

----------------- Registration.js -------------------импорт React из'act ';

класс Reg extends React.Component {render () {return (добро пожаловать для регистрации ..!

hii;

)}} экспорт по умолчанию Reg;