类组件中的 React Hook

介绍在某些情况下，我们假设您必须在基于 react 类的组件中使用 react hook 概念。但是正如你所知，如果你想在基于类的组件中直接使用它们，反应钩子只能在功能组件中工作。 它将出现错误。那么如何做呢，有一个解决方案。有3步解决方案创建自定义hook，（你可以直接使用hook，但不会获得更多好处）在高阶组件中使用钩子我们需要将高阶组件包装在基于类的组件中。创建自定义 hookimport {usestate} from 'react';const usegreet = () =&gt; { const [text, settext] = usestate('');//... do any additional operation / hooks you want to addreturn text; }登录后复制创建高阶组件// import usegreetexport const myhigherordercomponentdemo = (component) =&gt; { return (props) =&gt; { const text = usegreet(); return <component text="{text}"></component>; }}登录后复制将高阶组件包装在基于类的组件中// import useGreetclass MyClass extends React.component {render() { return ( <p>{this.props.text}</p> )}}export default MyHigherOrderComponentDemo(MyClass);登录后复制 以上就是类组件中的 React Hook的详细内容，更多请关注我的其它相关文章！