React中class中读取state

whenwhenGo

于 2023-05-12 23:25:03 发布

阅读量93

点赞数

CC 4.0 BY-SA版权

文章标签： react.js javascript 前端

本文链接：https://blog.youkuaiyun.com/jackywcw/article/details/130651838

文章展示了如何在React中创建一个名为TestPage的类组件，定义了PropsType和StateType接口来约束props和state的类型。初始化状态包含一个空字符串showText，该值在render方法中被渲染到页面上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import React,{Component} from 'react';

type PropsType={}

type StateType={
    showText:string
}

class TestPage extends Component<PropsType,StateType>{

    constructor(props){
        super(props);
        this.state={
            showText:""
        }
    }

    render(){
        return <div>
                <div>{this.state.showText}</div>
               </div>
    }
    
}