首页 > 其他分享 >状态(变量替换)

状态(变量替换)

时间:2023-04-25 10:34:12浏览次数:33  
标签:状态 console 变量 收藏 state myShow log 替换 setState

要放到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>
        )
    }
}

 

标签:状态,console,变量,收藏,state,myShow,log,替换,setState
From: https://www.cnblogs.com/kaibindirver/p/17351879.html

相关文章

  • Net6+axios 返回401 axios不能获取 状态码问题解决
    错误使用app.UseAuthentication();//认证 这里要加,位置不能反app.UseAuthorization();//授权 app.UseCors();//启用Cors解决方法app.UseCors();//启用Corsapp.UseAuthentication();//认证 这里要加,位置不能反app.UseAuthorization();//授权  更换前更换后  ......
  • vim中实现全文查找替换确认操作
    我们很多时候会需要某个字符串在文章中某些位置出现时被替换,而其它位置不被替换的有选择的操作,这就需要用户来进行确认::%s/aaa/bbb/g#替换当前文本所有行的aaa为bbb#在命令后面加上一个字母c就可以实现,即::%s/aaa/bbb/gc#顾名思意,c是confirm的缩写  效果: ......
  • Go中的有限状态机FSM的详细介绍
    1、FSM简介1.1有限状态机的定义有限状态机(FiniteStateMachine,FSM)是一种数学模型,用于描述系统在不同状态下的行为和转移条件。状态机有三个组成部分:状态(State)、事件(Event)、动作(Action),事件(转移条件)触发状态的转移和动作的执行。动作的执行不是必须的,可以只转移状态,不指定任何......
  • C++变量的大小
    #include<iostream>usingnamespacestd;intmain(){ cout<<"==========BASICVARIABLESSIZELIST=========="<<endl; cout<<"short:"<<sizeof(short)<<"bytes"<<endl; ......
  • 1 Go语言介绍、 2 Go开发环境搭建 、3 第一个helloworld 、4 变量命名规范 、5 变量的
    目录1Go语言介绍2Go开发环境搭建3第一个helloworld4变量命名规范5变量的定义和使用1Go语言介绍#Go语言介绍Go即Golang,是Google公司2009年11月正式对外公开的一门编程语言Go是【静态强类型】语言,是区别于解析型语言的编译型语言(静态:类型固定强类型:不同类型不允许直接......
  • ai问答:使用 Vue3 组合式API 和 TS 配置 axios 拦截器 http错误状态
    通过axios.create()可以创建一个axios实例axiosInstance,参数如下:baseURL:请求前缀timeout:超时时间headers:请求头默认配置:import{defineComponent}from'vue'importaxiosfrom'axios'exportdefaultdefineComponent({setup(){//实例-默认配置......
  • go语言01 介绍 搭建 变量命名与使用
    今日内容目录今日内容1Go语言介绍2Go开发环境搭建3第一个helloworld4变量命名规范5变量的定义和使用1Go语言介绍#Go语言介绍Go即Golang,是Google公司2009年11月正式对外公开的一门编程语言Go是【静态强类型】语言,是区别于解析型语言的编译型语言(静态:类型固定强类型:......
  • 【Linux】yum安装Java环境,并配置环境变量
    查看系统是否安装过javayumlistinstalled|grepjava如果有旧版本的java,且你自己不需要,可以用如下方法卸载所有的java(后边的*符号是通配符)yum-yremovejava-1.8.0-openjdk*查看java软件包列表yumlistjava*注意​ 这里一定要安装openjdk的开发版本(......
  • Go语言介绍、Go开发环境搭建、第一个helloworld、变量命名规范、变量的定义和使用
    目录1Go语言介绍2Go开发环境搭建3第一个helloworld4变量命名规范5变量的定义和使用1Go语言介绍#Go语言介绍Go即Golang,是Google公司2009年11月正式对外公开的一门编程语言Go是【静态强类型】语言,是区别于解析型语言的编译型语言(静态:类型固定强类型:不同类型不允许直接......
  • 7.Linux环境变量
    前言我们上节课学习了用户及权限的相关知识,同时也学习了远程登录,这节课再给大家讲讲环境变量,我们在手动安装很多程序时都会要设置环境变量,所以这节课就给大家介绍一下,当然也不仅仅是介绍环境变量,中间也会有一些新命令,最后会带大家手动安装一下java开发环境alias命令Linux的alia......