我正在关注Udemy的教程,教师正试图解释HOC.
为了解释HOC,他创建了一个具有功能组件的功能(至少这是他所说的).这是代码:
const withClass = (WrappedComponent, className) => {
return (props) => (
<div className={className}>
<WrappedComponent {...props} />
</div>
)
}
Run Code Online (Sandbox Code Playgroud)
React文档显示了这个示例:
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
Run Code Online (Sandbox Code Playgroud)
并提到:
此函数是一个有效的React组件,因为它接受单个"props"(代表属性)对象参数与数据并返回一个React元素.我们将这些组件称为"功能",因为它们实际上是JavaScript函数.
[题]
简单来说,可以肯定地说:任何以道具为参数的函数都可以归类为功能组件吗?如果没有,有人可以简单地解释一下React中的功能组件吗?