import { useState } from 'react';
export function CallButton() {
  const [phoneNumber, setPhoneNumber] = useState('19999999999') // Replace it with a real outbound number

  function sdkCall(phoneNumber) {
    window.tccc.Call.startOutboundCall({
      phoneNumber,
    }).then((res) => {
      this.sessionId = res.data.sessionId;
    }).catch((err) => {
      const error = err.errorMsg;
    })
  }

  return (
    <button onClick={sdkCall}>One-click outbound call</button>
  )
}

<button id="call">One-click outbound call</button>
<script>
    function sdkCall(phoneNumber) {
        window.tccc.Call.startOutboundCall({
            phoneNumber,           // Outbound number
            phoneDesc: 'Tencent'   // Remarks, which will replace the display of the number on the call bar
        }).then((res) => {
            // Outbound call succeeded. Obtain the outbound ID, which can be used to query related call recordings and service records
            const sessionId = res.data.sessionId
        }).catch((err) => {
          // Outbound call failed. Obtain the failure reason for prompt
          console.error(err.errMsg)
        })
    }
    // Listen to the click event of the button and trigger the outbound call method
    document.getElementById('call').addEventListsner('click', () => {
      // Replace it with a real outbound number
      sdkCall('19999999999'); 
    })
</script>