react如何获取代码同级目录的txt文件，并将txt文件的内容读取出来显示在页面上

你可以通过使用 `fetch()` 方法来获取同级目录下的 `txt` 文件，并将文件内容读取出来。具体步骤如下：

1. 在 React 组件中定义一个状态变量，用来保存获取到的文件内容：

const [fileContent, setFileContent] = useState('');

2. 在 `componentDidMount()` 生命周期函数中使用 `fetch()` 方法获取文件内容，然后将其保存到状态变量中：

componentDidMount() {
  fetch('./file.txt')
    .then(response => response.text())
    .then(data => setFileContent(data))
    .catch(error => console.log(error));
}

3. 在组件的 JSX 中使用 `{fileContent}` 渲染文件内容：

<div>{fileContent}</div>

这样就可以将同级目录下的 `txt` 文件的内容读取并显示在页面上了。需要注意的是，`fetch()` 方法会返回一个 Promise 对象，因此需要使用 `.then()` 方法来处理返回的数据。另外，如果文件不存在或获取失败，需要使用 `.catch()` 方法来处理异常。