1. 首页
  2. IT资讯

react(条件渲染例子)

import React, { Component } from ‘react’;
class IF extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            show: false
        }
    }
    // 渲染函数,this 指向实例本身
    render() {
        let display = this.display.bind(this)//改变this指向
        return <div>
            {/* 这种方法省略了 this 绑定的过程 */}
            <button onClick={display}>{this.state.show ? ‘点击隐藏’ : ‘点击显示’}</button>
            {this.state.show ? <p>显示出来啦</p> : null}
        </div>
    }
    display() {
        this.setState({
            show: !this.state.show
        })
    }
}
export default IF;

发布了136 篇原创文章 · 获赞 179 · 访问量 39万+

原文始发于:

主题测试文章,只做测试使用。发布者:千寻,转转请注明出处:http://www.cxybcw.com/141490.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code