如何在React JS中使api响应不同于之前的结果

const [apiResponse, setApiResponse] = useState(null);
const [isLoading, setIsLoading] = useState(false);
const [error, setError] = useState(null);

useEffect(() => {
  setIsLoading(true);
  setError(null);

  fetch('API_URL')
    .then(response => response.json())
    .then(data => {
      setApiResponse(data);
      setIsLoading(false);
    })
    .catch(error => {
      setError(error);
      setIsLoading(false);
    });
}, []);

if (isLoading) {
  return <div>Loading...</div>;
}

if (error) {
  return <div>Error: {error.message}</div>;
}

if (apiResponse) {
  // 处理API响应结果
  return <div>{apiResponse}</div>;
}

return null;