如何使用react在浏览器中显示/预览.doc和.txt文件？

npm install react react-dom

import React from 'react';

class FilePreview extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      fileContent: '',
    };
  }

  componentDidMount() {
    this.loadFileContent();
  }

  loadFileContent() {
    const { filePath } = this.props;
    fetch(filePath)
      .then(response => response.text())
      .then(content => {
        this.setState({ fileContent: content });
      })
      .catch(error => {
        console.error('Error loading file:', error);
      });
  }

  render() {
    const { fileContent } = this.state;
    return (
      <div>
        <pre>{fileContent}</pre>
      </div>
    );
  }
}

export default FilePreview;

import React from 'react';
import FilePreview from './FilePreview';

function App() {
  return (
    <div>
      <h1>File Preview</h1>
      <FilePreview filePath="/path/to/file.doc" />
      <FilePreview filePath="/path/to/file.txt" />
    </div>
  );
}

export default App;