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;
  • 相关阅读:
    剑指offer11-二进制中1的个数
    剑指offer10-矩形覆盖
    剑指offer08-跳台阶
    剑指offer07-斐波那契数列
    剑指offer04-重建二叉树
    剑指offer62-二叉搜索树的第k个结点
    kimball维度建模(5)-拉链表原理、设计以及在Hive中的实现
    kimball维度建模(4)-统一数仓层DW与事实表设计
    C-宏定义
    lua-设计与实现-8环境与模块
  • 原文地址:https://www.cnblogs.com/fanjiawen/p/14610939.html
Copyright © 2011-2022 走看看