React 面向组件编程

作者：System 时间：2024年08月19日分类：所有,react native 字数：594

这篇文章距离上次修改已过186天，其中的内容可能已经有所变动。

在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的属性。函数组件和类组件都返回一个包含问候信息的h1标签。函数组件是通过一个简单的函数实现的，而类组件则是通过ES6的class实现的。在React中，通常推荐使用函数组件，因为它们更简单且有更好的性能。但如果你需要使用state或者生命周期方法，那么类组件就是更好的选择。

React 面向组件编程

评论已关闭

推荐阅读