help_user/src/App.tsx

import React from 'react';
import './App.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import {Login} from './account/Login';
import {Cookies, withCookies} from 'react-cookie';
import {Main} from "./Main";
import {Register} from "./account/Register";
import {user_cookie, user_type_cookie} from "./account/PropCookie";
import {UserType} from "./entity";

class App extends React.Component<{ allCookies:any;cookies:Cookies },
    { page?:JSX.Element;}> {


  constructor(props: Readonly<any>) {
    super(props);

    this.state={}

  }

  componentDidMount() {
    const { cookies } = this.props
    if((cookies.get(user_cookie)||"").length>0){
      this.setState({
        page:<Main userType={cookies.get(user_type_cookie)} user={cookies.get(user_cookie)} logout={()=>this.logout()} />
      })
    }else{
      this.toLogin()
    }
  }

//注销登录
  logout(){
    this.props.cookies.remove(user_cookie)
    this.toLogin()
  }

  /**
   * 跳转注册
   */
  toRegister(){
    this.setState({
      page:<Register toLogin={()=>this.toLogin()}/>
    })
  }

  /**
   * 跳转登录
   */
  toLogin(){
    this.setState({
      page:<Login toRegister={()=>this.toRegister()} onLoginSuccess={(userId:string,userType:UserType)=> {
        this.props.cookies.set(user_cookie,userId)
        this.props.cookies.set(user_type_cookie,userType)
        this.setState({
          page:<Main logout={()=>this.logout()}  user={userId} userType={userType}/>
        })
      }}/>
    })
  }


  render() {
    return (
        <div className="App">
          {this.state.page}
        </div>
    );
  }
}

export default withCookies(App);