如何发出PUT API HTTPS请求[reactJS]

import React, { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    const url = 'https://api.example.com/resource';
    const data = { key: 'value' };

    const xhr = new XMLHttpRequest();
    xhr.open('PUT', url);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.setRequestHeader('Authorization', 'Bearer your_token');

    xhr.onreadystatechange = () => {
      if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status === 200) {
          console.log('PUT request successful');
        } else {
          console.error('PUT request failed');
        }
      }
    };

    xhr.send(JSON.stringify(data));
  }, []);

  return <div>PUT API HTTPS请求已发送</div>;
};

export default MyComponent;