incorporando ganchos de reação nos componentes da classe

enquanto os ganchos do React emergiram como uma alternativa viável ao estilo de classe reagir tradicional, pode haver situações em que você prefere introduzir gradualmente ganchos em seus componentes comuns baseados em classe existente. Este artigo explora a possibilidade de usar ganchos do React em conjunto com os componentes clássicos da classe react. Um hoc é uma função que pega um componente como um argumento e retorna um novo componente. Hook:

Enrole seu componente de classe com o hoc:

1. você pode usar este hoc para embrulhar seu componente de classe:

   render () { const myHookValue = this.props.myHookValue; return

   {myHookValue}
   ; } } exportar padrão com myhook (myComponent);
   uso e benefícios

   function withMyHook(Component) {
     return function WrappedComponent(props) {
       const myHookValue = useMyHook();
       return ;
     };
   }