goo.gl或jsfiddle等网站如何生成网址代码？

import { useState, useEffect } from 'react';
import axios from 'axios';
import { createShortUrl } from './shortener';
import { getDomain } from './utils/get_domain';

const App = () => {
  const [shortUrl, setShortUrl] = useState('');
  const [longUrl, setLongUrl] = useState('');
  const [error, setError] = useState('');

  useEffect(() => {
    const fetchShortUrl = async () => {
      try {
        const response = await axios.get(
          `https://api.shrtco.com/v1/shorten?access_key=YOUR_ACCESS_KEY&longurl=${longUrl}`
        );
        setShortUrl(response.data.short_url);
      } catch (error) {
        setError(error.response.data.error);
      }
    };

    if (longUrl) {
      fetchShortUrl();
    }
  }, [longUrl]);

  const handleClick = () => {
    setLongUrl(shortUrl);
  };

  return (
    <div>
      <button onClick={handleClick}>复制短网址</button>
      {error && <div>{error}</div>}
      <div>
        <h3>原始长网址:</h3>
        <input
          type="text"
          value={longUrl}
          onChange={(e) => setLongUrl(e.target.value)}
        />
      </div>
      <div>
        <h3>缩短后的短网址:</h3>
        <a href={shortUrl}>{shortUrl}</a>
      </div>
    </div>
  );
};

export default App;