react，antd学习

weixin_41870810

于 2021-06-06 15:17:19 发布

阅读量45

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_41870810/article/details/117628076

版权

这篇博客详细介绍了如何在React中创建一个名为Square的组件。该组件是一个按钮，其状态可以通过点击事件改变。在构造函数中初始化state，并在render方法中返回一个可点击的按钮，展示state的value值。当按钮被点击时，value更新为'X'。

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

class Square extends React.Component {//square组件继承react.Component组件,Component(零件，成分，组件的意思)
    constructor(props) {//square的构造方法constructor，组件内部参数都放在props（支持，道具）属性上
        super(props);//super指的是父类构造函数。（在我们的示例中，它指向React.Component实现。）
        //调用父构造函数之前，不能在构造函数中使用this，也就是说，想使用this得先使用
        this.state = {
            value: "hhh",
        };
    }

    render() {//渲染
        return (
            <button
                className="square"
                onClick={() => this.setState({value: 'X'})}
            >
                {this.state.value}
            </button>
        );
    }
}
export default Square;//输出