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;
  • 相关阅读:
    ReentrantLock和AQS
    CAS
    java8中ConcurrentHashMap
    java8中的HashMap
    TCP和UDP
    慢查询日志和profiling
    explain的使用
    select、poll、epoll之间的区别
    I/O模型
    生产者-消费者模式
  • 原文地址:https://www.cnblogs.com/fanjiawen/p/14610939.html
Copyright © 2011-2022 走看看