Una forma en la que sé cómo usar ganchos dentro de un componente de clase es tener un HOC que devuelva un componente funcional, dentro del cual podemos llamar al gancho y pasar la propiedad a un componente de clase. Mire ¿Cómo puedo usar los ganchos de React en el componente de `clase` clásico de React? y respuesta de Joel Cox.
Ahora, volviendo a la pregunta, tomando el ejemplo de https://reactjs.org/docs/hooks-custom.html#using-a-custom-hook , considere que tenemos un hook useFriendStatus que acepta un ID de amigo, tiene un efecto para suscribirse a ese estado en línea de ese amigo y se limpia en cada nueva representación, de modo que para una nueva ID de amigo, el enlace puede suscribirse a la nueva ID de amigo.
function useFriendStatus(friendID) { const [isOnline, setIsOnline] = useState(null); // Effect to subscribe to online status of friendID and unsubscribe on re-render return isOnline; }¿Puede un componente de clase usar tal gancho? En el patrón HOC, aprovechamos el ciclo de montaje del anzuelo. ¿Podemos aprovechar la re-renderización de ganchos en un componente de clase React?
Realmente no debería usar su gancho en un componente de clase (y definitivamente no en el método de ciclo de vida de componenteDidMount; probablemente arroja un error), pero tampoco puede usar su gancho personalizado dentro del useEffect de un componente funcional (arrojará un error de reacción que indica esto si lo intenta)... parte del propósito/utilidad de la creación es más grande para que pueda abstraer la obtención de datos u otras llamadas asíncronas de otros componentes.
(Esos componentes aún pueden tener otros efectos de uso si es necesario, pero no deben contener Hooks personalizados)