zoukankan      html  css  js  c++  java
  • react 组件封装

    import React from 'react';
    // import ReactDOM from 'react-dom';
    import './App.css';


    class LoginCtrol extends React.Component {
        constructor(props) {
            super(props);
            this.state = {
                loginStatus:this.props.ls
            };
        }
       
        go(flag){
            if(flag>0){
                alert('登录')

            }else{
                alert('退出')

            }
            
        } 
        showList(){
            let ls=this.state.loginStatus;
            if(ls){
               return (<button onClick={()=>{this.go(1)}}>登录</button>)
               }else{
                return  (<button onClick={()=>{this.go(-1)}}>退出</button>)
               }
        }
        render() {
            let ls=this.state.loginStatus;
            let b;
            if(ls){
                b= <button onClick={()=>{this.go(1)}}>登录</button>
               }else{
                b=<button onClick={()=>{this.go(-1)}}>退出</button>
               }
            return (
                <div className='login-box'>
                    {/* {this.showList()} */}
                    {b}
                </div>
            );
        }
    }
    export default LoginCtrol;
  • 相关阅读:
    倍增_ST表与LCA
    树状数组
    CF1365B 题解
    左偏树
    ES5_04_Array扩展
    ES5_03_Object扩展
    ES5_05_Function扩展
    前台样式与实际开发应用
    利用Mircosoft URLRewriter.dll实现页面伪静态(伪静态系列一)
    递归算法常见习题代码(控制台程序)
  • 原文地址:https://www.cnblogs.com/fanjiawen/p/14610939.html
Copyright © 2011-2022 走看看