如何在react导出中显示网页上的承诺结果

npx create-react-app my-app
cd my-app
npm start

import React, { useState } from 'react';

function App() {
  const [promiseResult, setPromiseResult] = useState('');

  // 承诺函数
  const fetchData = () => {
    return new Promise((resolve, reject) => {
      // 模拟异步操作
      setTimeout(() => {
        const data = '承诺结果';
        resolve(data);
      }, 2000);
    });
  };

  // 处理承诺函数
  const handlePromise = () => {
    fetchData()
      .then((result) => {
        setPromiseResult(result);
      })
      .catch((error) => {
        console.log(error);
      });
  };

  return (
    <div>
      <button onClick={handlePromise}>获取承诺结果</button>
      <p>{promiseResult}</p>
    </div>
  );
}

export default App;