在React中单击按钮时调用Api post方法

import React, { useState } from 'react';

const MyComponent = () => {
  const [apiResponse, setApiResponse] = useState(null);
  
  // ... 其他代码
}

const handleClick = () => {
  const requestOptions = {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ /* 请求体数据 */ })
  };
  
  fetch('API的URL', requestOptions)
    .then(response => response.json())
    .then(data => setApiResponse(data))
    .catch(error => console.error('Error:', error));
}

return (
  <div>
    <button onClick={handleClick}>点击按钮</button>
    {/* 其他渲染内容 */}
  </div>
);

import React, { useState } from 'react';

const MyComponent = () => {
  const [apiResponse, setApiResponse] = useState(null);

  const handleClick = () => {
    const requestOptions = {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ /* 请求体数据 */ })
    };
  
    fetch('API的URL', requestOptions)
      .then(response => response.json())
      .then(data => setApiResponse(data))
      .catch(error => console.error('Error:', error));
  }
  
  return (
    <div>
      <button onClick={handleClick}>点击按钮</button>
      {/* 显示API响应数据 */}
      {apiResponse && (
        <div>
          <h2>API响应：</h2>
          <pre>{JSON.stringify(apiResponse, null, 2)}</pre>
        </div>
      )}
    </div>
  );
}

export default MyComponent;