假设您使用oAuth进行认证，您需要从oAuth提供者那里获取您的token。例如，这个Stack Overflow question中的接受答案有一个名为getToken的函数，该函数向 https://xxx123.caspio.com/oauth/token 发出POST请求，以接收新的token。然后，新的token将用于CallWebAPI函数中。
在本例中，您将在handleSubmit函数中使用新令牌。如果您有自己的getToken函数，则可以执行类似于以下示例的操作。在此示例中，该按钮处于禁用状态，直到从oAuth提供程序接收到新令牌并通过setToken分配给token常量。

import React, {useEffect} from 'react'
import { Button } from "@chakra-ui/react";
import { MdAccountCircle  } from "react-icons/md"
import { toast } from 'react-toastify'

const AutoGenerateCustomers = () => {
    const [ token, setToken ] = React.useState( null );

    useEffect( () => {
        if ( token == null ) {
            getToken().then( ( token ) => {
                setToken( token );
            } );
        }
    }, [ token ] );

    function getToken() {
        // Asynchronous call to an oAuth provider using a
        // client ID and a client secret, that returns
        // an object containing the token.

        ...

    }

    const showToastMessage = () => {
        toast.success('Customer generated!', {
            position: toast.POSITION.TOP_RIGHT
        });
    };

    const handleSubmit = async (e) => {
        e.preventDefault();
        const generate_customers = {};
        e.preventDefault();
        fetch('http://localhost:8000/api/v1/customer/generate-customers', {
            method:'POST',
            headers: {
                "Authorization": `Bearer ${token}`,
                "Content-Type": "application/json"
            },
            body: JSON.stringify(generate_customers)
        }).then(() =>{
            setToken( null );
            console.log('Generated')
        })
    }

    return (
         <div>
            <Button
                disabled={ token == null }
                onClick={(ev) => {
                    handleSubmit(ev);
                    showToastMessage();
                }}
                variant='outline'
                bg='#f4f8fc' color='#002C8A'
                _hover={{ bg: "#f7f9gz" }}
                leftIcon={<MdAccountCircle size={23} />}
                width="200px"
                textColor="#002c8a"
                borderRadius="lg"
                fontSize="sm"
                fontWeight="normal"
            >
                Auto-Generate
            </Button>
        </div>
    );
}

export default AutoGenerateCustomers