Question

我正在关注Udemy的教程，教师正试图解释HOC。

为了解释HOC，他创建了一个具有功能组件的功能（至少这是他所说的）。这是代码：

const withClass = (WrappedComponent, className) => {
     return (props) => (
         <div className={className}>
             <WrappedComponent {...props} />        
     </div>

   )
 }

React文档显示了这个例子：

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

并提到：

此函数是一个有效的React组件，因为它接受单个“props”（代表属性）对象参数和数据并返回一个React元素。我们将这些组件称为“功能”，因为它们实际上是JavaScript函数。

[问题]

简单来说，可以说：任何以道具为参数的函数都可以归类为功能组件吗？如果没有，有人可以简单地解释一下React中的功能组件吗？

Answer 1

React中的一个功能组件：

用于呈现静态数据
无法处理提取数据
易于撰写

示例：

const Header = () => {
  return <Text>Hello World!</Text>
}

什么归类为React功能组件？

1 个答案: