如何最好地在react中侦听POST响应？

import React, { useEffect } from 'react';

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

        if (response.ok) {
          const data = await response.json();
          // 处理成功响应的数据
          console.log(data);
        } else {
          // 处理错误响应
          console.error('POST请求失败');
        }
      } catch (error) {
        // 处理网络错误
        console.error('网络错误', error);
      }
    };

    fetchData();
  }, []);

  return <div>监听POST响应示例</div>;
};

export default MyComponent;