Как перейти на новую страницу после нажатия кнопки «Войти».Я хочу создать функцию, которая делает это - PullRequest
Новая
       6

Как перейти на новую страницу после нажатия кнопки «Войти».Я хочу создать функцию, которая делает это

0 голосов
/ 19 октября 2018

Я хочу сделать так, чтобы после того, как я нажал кнопку onClick, она переместилась на другую страницу.Я могу перемещаться по страницам при указании пути в браузере, однако я хочу знать, как это сделать, нажав кнопку входа в систему. Я использую «React Router Dom».

import React, {Component} from«реагируют»;import "./App.css";

class Login extends Component {

    onClick=()=> {

    }
render() {



    return(
        <div style={{marginTop:-22}}>
            <div style={{backgroundImage:"url(https://freeios7.com/download/freeios7.com_apple_wallpaper_peach-grass-blur_iphone4.jpg)", height:900, width:1900}}>
            <div style={{display:"flex", flexDirection:"column", alignItems:"center", paddingTop:65}}>
            <div style={{display:"flex", flexDirection:"column", alignItems:"flex-end"}}>
            </div>
            <img src="https://www.moonlight.com.au/wp-content/themes/moonlight-2016/dist/images/moonlight-logo.png"/>
            </div>
        <div className="login-contents">
            <h1>Email</h1>
            <input 
                className="inputdesign"
                placeholder="Enter Email"/>
            <h1>Password</h1>
            <input
            className="inputdesign"
                placeholder="Enter Password" />
                <div style={{paddingTop:20}}>
                <button onClick={this.onClick} className="loginbutton">Login</button>
                </div>
                <div className="loginhelp">
                <div>New to Moonlight Cinema? Create Account</div>
                <div>Forgot Password?</div>
                </div>
            </div>
            </div>
        </div>
    )
}
}



export default Login;

Пожалуйста, помогите.Спасибо!

...