如何在react中打开从API调用接收的文件

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

import React from 'react';

class FileComponent extends React.Component {
  handleOpenFile = async () => {
    try {
      const response = await fetch('your_api_url');
      const blob = await response.blob();
      const url = URL.createObjectURL(blob);
      window.open(url);
    } catch (error) {
      console.error('Error:', error);
    }
  };

  render() {
    return (
      <div>
        <button onClick={this.handleOpenFile}>打开文件</button>
      </div>
    );
  }
}

export default FileComponent;