JZTXT

状态(变量替换)

发布时间 2023-04-25 10:32:53作者: 凯宾斯基

要放到state里面用setState去替换

import React from 'react'


export default class App extends React.Component {

    // 关键字state
    state={
        mytext:"收藏",
        myShow:true
    }
    

    render() {
        return (
            <div>
              <h1>欢迎来到react开发</h1>
              <button onClick={()=>{
                // 修改变量
                this.setState({
                      myShow:!this.state.myShow
                    })
                
                if(this.state.myShow){
                    console.log("收藏逻辑")
                }
                else{
                    console.log("取消收藏逻辑")
                }

                  }}>{this.state.myShow?"收藏":"取消收藏"}</button>
            </div>
        )
    }
}