要在dist文件夹中添加React读取文件的功能，可以按照以下步骤进行操作：

1. 在React项目的根目录中创建一个名为"public"的文件夹。

2. 将要读取的文件放置在public文件夹中。例如，假设要读取的文件名为"example.txt"，将其放置在public文件夹中。

3. 在React组件中添加文件读取的代码。例如，可以创建一个名为"FileReader"的组件，并在其render方法中添加以下代码：

import React from 'react';

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

  componentDidMount() {
    this.readFile();
  }

  readFile = async () => {
    const response = await fetch('/example.txt');
    const text = await response.text();
    this.setState({ fileContent: text });
  }

  render() {
    const { fileContent } = this.state;
    return (
      

        
File Content:
        
{fileContent}
      
    );
  }
}

export default FileReader;

在上述代码中，使用Fetch API来获取文件内容。fetch('/example.txt')中的路径"/example.txt"是相对于public文件夹的路径。

4. 在需要显示文件内容的组件中引入并渲染FileReader组件。例如，在App组件中添加以下代码：

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

function App() {
  return (
    

      
    
  );
}

export default App;

5. 最后，使用命令行运行"npm run build"来构建项目。该命令会生成dist文件夹，其中包含已构建的React应用程序。

在部署后的dist文件夹中，可以找到public文件夹和已构建的React应用程序。通过访问应用程序的URL，即可读取并显示public文件夹中的文件内容。例如，如果应用程序的URL为"http://example.com"，则可以通过访问"http://example.com/example.txt"来获取并显示example.txt文件的内容。