react class写法
时间: 2025-01-06 15:36:00 浏览: 8
### 定义React类组件
在React中,可以通过继承`React.Component`来定义一个类组件。此类组件不仅能够拥有状态(state),还能利用生命周期方法提升应用的功能性和性能。
```jsx
import React, { Component } from 'react';
class Example extends Component {
constructor(props) {
super(props);
this.state = {
message: "Hello!"
};
}
componentDidMount() {
console.log('Component did mount');
}
render() {
return (
<div>
<h1>{this.props.title}</h1>
<p>{this.state.message}</p>
</div>
);
}
}
export default Example;
```
在这个例子中,创建了一个名为`Example`的类组件[^1]。此组件接收属性(`props`)作为输入参数,并维护内部的状态(`state`)。构造函数内初始化了组件的状态,在这里设置了一条消息用于展示。当组件首次加载到页面时,`componentDidMount()`会被自动调用,可用于执行诸如数据获取之类的操作[^2]。
为了使这个组件可以被其他文件使用,最后将其导出为默认模块的一部分。
阅读全文