我正在進行一個小項目的最后一步，該項目使用高階組件 (HOC) 來呈現一個簡單的類似 Tinder 的應用程序。內部組件是一個基于類的組件，具有自己的 fetch() 調用，可以為用戶呈現數據和圖片。外部 HOC 是一個功能組件。要讓應用程序正常工作，我所需要做的就是找到一種方法來刷新內部組件并在用戶按下按鈕時觸發 API 調用。我正在嘗試使用useStateHOC 中的鉤子來執行此操作。import React, { useState } from 'react';export default function TinderCard(component) {  return function (props) {    const [isLoading, setIsLoading] = useState(false);    const refresh = () => {      // change state. set isLoading to true and then back to false.      setIsLoading(true);      setIsLoading(false);    };    const C = component;    return (      <div className='card  user-card-container'>        <div className='card-body user-card-inner'>          {isLoading ? <h3>Loading...</h3> : <C />}          <div className='buttons-container'>            <button className='dislike' onClick={() => refresh()}>              <i className='fa fa-times'></i>            </button>            <button className='like' onClick={() => refresh()}>              <i className='fa fa-heart'></i>            </button>          </div>        </div>      </div>    );  };}一切都工作正常，直到我使用 useState 鉤子，它阻止應用程序渲染并顯示一條非常討厭的錯誤消息。這個：  Line 5:39:  React Hook "useState" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function  react-hooks/rules-of-hooks我的問題是 - (1) 如何useState在 HOC 中使用來在單擊按鈕時更改狀態，以及 (2) 有沒有一種更簡單的方法可以在按下按鈕時重新加載子組件 - 也許不使用狀態？