React面向组件编程
在React中，组件是构建用户界面的基本单元。组件可以是一个简单的函数，也可以是一个类。以下是一个简单的React函数组件和类组件的例子：
// 函数组件
import React from 'react';
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
export default Welcome;
// 类组件
import React, { Component } from 'react';
class Welcome extends Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
export default Welcome;在这个例子中，Welcome组件接收一个名为name的属性，并在渲染时返回一个包含问候语的标题。函数组件和类组件都可以接收属性并渲染输出，但类组件提供了更多的功能，比如状态管理和生命周期方法。根据需要选择使用函数组件还是类组件。
评论已关闭