首页 > 其他分享 >类组件的使用

类组件的使用

时间:2022-11-17 19:35:37浏览次数:36  
标签:render title 函数调用 state 使用 组件 id

export default class App extends Component{
    // 状态: 
    constructor(){
        super()//父级构造函数调用
        this.state={
               title:'zhaoxing',
               id:'1'
           }
     }
   // 渲染:
    render(){
       return (
            <div>
                <h1>hello {this.state.title}</h1>
                <h1>{this.state.id}</h1>
                <button onClick={()=>this.setState({id:this.state.id+1})}></button>
             </div>
        )
    }
}

标签:render,title,函数调用,state,使用,组件,id
From: https://www.cnblogs.com/strundent/p/16900529.html

相关文章

  • Linux 环境下使用 docker 安装 MongoDB
    在学习尚医通的项目过程中P66的学习内容,其中内容不完全和老师相同。1.拉取镜像dockerpullmongo:latest2.创建和启动容器在dockerrun中加入–privileged=true给......
  • Java使用UDP协议进行通信的例子
    UDP是不可靠但是高效的一种传输协议,不管你接收端在不在,丢进去就行了。传输过程:发送端:/***发送端*1.使用DatagramSocket指定端口创建发送端*2.准备数据,转......
  • go语言string函数的使用
    packagemainimport("fmt""strconv""strings")funcmain(){//1str:="hello杯"//goland统一为utf-8(字母数字占一个字节,汉字占3个字节)fmt.Println(le......
  • 录屏操作软件AutoMacroRecorder使用技巧
    AutoMacroRecorder自动录屏操作软件在www.automacrorecorder.com/下载。安装方式很简单!下一步下一步,不需要多说什么了。1.创建最简单的录屏......
  • element ui 使用Tooltip 文字提示,文本内容中输入空格
    '\u00a0'是'nbsp'的16进制表示其他空格也可以使用下表的值:代码如下<el-tooltipeffect="light"placement="top"visible-arrow:content="(item.id+'\u00a0\u00a0......
  • 从组件化角度聊聊设计工程化
    近几年围绕业务中台化的场景,涌现出了许多低代码平台。面对多组件、多页面、跨平台的复杂场景,如何保证整体的用户体验一致性,减少用户认知和负担,提升用户使用效率,便成为业务......
  • 使用 JWT 生成 token
    JWT简介JWT:JsonWebToken官网:https://jwt.io优点:可生成安全性较高的token且可以完成时效性的检验(登陆过期检查)JWT结构:(由官网获取)JWT生成token添加......
  • c标签的使用问题
    这是在使用c标签的时候遇到的问题,发现在导入包成功的情况下,jsp页面代码也没有问题。在网页上查了查,发现需要修改tomcat中的conf/catalina.properties文件。将tomcat.uti......
  • 移动端应用权限设置和使用
            几乎所有的Android端手机APP都会获取隐私权限,在开发过程中隐私全权限这部分内容是非常重要的,上架应用市场也会进行审核。了解这一部分内容非常有必要。 ......
  • Rundeck部署和基本使用【转】
    rundeck介绍Rundeck是一款能在数据中心或云环境中的日常业务中使程序自己主动化的开源软件。Rundeck 提供了大量功能。能够减轻耗时繁重的体力劳动。团队能够相互协作......