React函数式声明组件语法

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

React函数式组件是使用一个函数定义的组件，它是React组件的一种简洁写法。函数接收一个props对象并返回一个React元素。

下面是一个函数式声明的React组件的例子：




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

在这个例子中，Welcome函数是一个函数式组件，它接收一个名为name的属性，并在一个h1标签中显示一个欢迎消息。我们通过export default Welcome将这个组件导出，以便在其他地方使用。