React前端开发:前端开发:React与与RESTfulAPI交互交互
React基础回顾基础回顾
1. React组件与生命周期组件与生命周期
在React中,组件是构成用户界面的基本单元。组件可以是函数或类,它们接收输入(props)并
返回React元素,描述了UI应该显示什么。React组件的生命周期是指组件从创建到销毁的整个过
程,它由多个阶段组成,每个阶段都有特定的生命周期方法。
1.1 函数组件函数组件
函数组件是最简单的React组件形式,它直接接收props作为参数,并返回一个React元素。
//
函数组件示例
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
1.2 类组件类组件
类组件是ES6类的扩展,它们需要继承React.Component类,并实现render方法。
//
类组件示例
class Welcome extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
1.3 生命周期方法生命周期方法
类组件中,可以定义多个生命周期方法,如componentDidMount,componentDidUpdate
等,它们在组件的不同阶段被自动调用。
class LifecycleDemo extends React.Component {
constructor(props) {
super(props);
this.state = { loaded: false };
}
componentDidMount() {
//
组件挂载后调用