React系列：函数式组件

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

函数式组件是React中的一种特殊类型的组件，它们不使用state和生命周期方法，只通过props接收输入值并返回React元素。

以下是一个函数式组件的例子：




import React from 'react';
 
// 函数式组件
function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}
 
export default Welcome;

在这个例子中，Welcome组件接收一个名为name的prop，并返回一个包含问候信息的h1标签。这个组件就像一个纯函数，给定相同的输入（props），总是返回同样的输出（React元素）。