let Page1 = React.createClass({ render() { return ( <div> <h1>Page1</h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusantium animi dicta dignissimos earum eos esse impedit ipsum iste laboriosam numquam odio perspiciatis porro, quas sequi tempore vero vitae voluptates? </div> ); }, });
let Page2 = React.createClass({ render() { return ( <div> <h1>Page2</h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga porro voluptas voluptatum. Corporis debitis deleniti, doloremque et eum ex id iste magni nobis nostrum quae, reiciendis rem repellendus similique tempora. </div> ); }, });
let Logout = React.createClass({ componentDidMount() { goLogin.login(); }, render() { return ( <div> <p>You are now logged out</p> </div> ); }, });
let About = React.createClass({ render() { return ( <div> <h1>登录成功</h1> </div> ); }, });
let Page1 = React.createClass({ render() { return ( <div className="page"> <h1>Page1</h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusantium animi dicta dignissimos earum eos esse impedit ipsum iste laboriosam numquam odio perspiciatis porro, quas sequi tempore vero vitae voluptates? </div> ); }, }); let Page2 = React.createClass({ getInitialState() { return { className: "pageactive", }; }, handler() { if (this.state.className === "pageactive") { this.setState({ className: "", }); } else { this.setState({ className: "pageactive", }); } }, render() { return ( <div className={`${this.state.className} page`} onClick={this.handler}> <h1>Page2</h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga porro voluptas voluptatum. Corporis debitis deleniti, doloremque et eum ex id iste magni nobis nostrum quae, reiciendis rem repellendus similique tempora. </div> ); }, });