在ReactJS中检索返回的POST数据

import React, { useState, useEffect } from 'react';

const MyComponent = () => {
  const [postData, setPostData] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await fetch('https://example.com/api/post', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json'
          },
          body: JSON.stringify({ key: 'value' })
        });

        const data = await response.json();
        setPostData(data);
      } catch (error) {
        console.error(error);
      }
    };

    fetchData();
  }, []);

  return (
    <div>
      {postData && (
        <div>
          <h2>Returned POST Data:</h2>
          <p>{postData.key}</p>
        </div>
      )}
    </div>
  );
};

export default MyComponent;