无法在react中显示post请求的响应

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

const PostResponse = () => {
  const [response, setResponse] = useState(null);

  const handlePostRequest = async () => {
    try {
      const response = await axios.post('https://example.com/api/post', { data: 'example' });
      setResponse(response.data);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      <button onClick={handlePostRequest}>发送POST请求</button>
      {response && <p>响应数据：{response}</p>}
    </div>
  );
};

export default PostResponse;