react改变一段话中的值

努力站桩的奶酪呦

已于 2023-09-04 15:14:16 修改

阅读量55

点赞数

文章标签： react.js javascript 前端

于 2023-09-04 14:00:19 首次发布

本文链接：https://blog.csdn.net/liuli0927/article/details/132667863

版权

import React , {Component } from 'react';
export default class center extends Component{
    constructor(prop){
        super(prop)
        this.state={isHot:false};
        this.changeWeather = this.changeWeather.bind(this)
    }
    render(){
        let {isHot} = this.state;
        
            return(
                <div>
                    <div >
						<h2 onClick={this.changeWeather}>今天天气真{isHot?'炎热':'凉爽'}</h2>
                    </div>
                </div>
            )
        
        
    }
    // 点击事件
    changeWeather(){
        let {isHot} = this.state;
        this.setState({isHot:!isHot})
    }
}

下面是精简版

import React , {Component } from 'react';
export default class center extends Component{
    
    state={isHot:false};
    render(){
        let {isHot} = this.state;
        
            return(
                <div>
                    <div >
						<h2 onClick={this.changeWeather}>今天天气真{isHot?'炎热':'凉爽'}</h2>
                    </div>
                </div>
            )
        
        
    }
    // 点击事件
    changeWeather=()=>{
        let {isHot} = this.state;
        this.setState({isHot:!isHot})
    }
}