如何使用react js显示多个文件名

React是一个用于构建用户界面的JavaScript库。它提供了一种声明式的编程模型，使开发人员能够轻松地构建可复用的UI组件。要使用React显示多个文件名，可以按照以下步骤进行：

1. 首先，确保你已经安装了Node.js和npm（Node包管理器）。
2. 创建一个新的React项目。在命令行中，使用以下命令创建一个新的React项目：
3. 创建一个新的React项目。在命令行中，使用以下命令创建一个新的React项目：
4. 这将在当前目录下创建一个名为file-display的新项目。
5. 进入项目目录：
6. 进入项目目录：
7. 打开src/App.js文件，并将其内容替换为以下代码：
8. 打开src/App.js文件，并将其内容替换为以下代码：
9. 在这个代码中，我们定义了一个名为fileNames的数组，其中包含了要显示的文件名。然后，我们使用map函数遍历数组，并为每个文件名创建一个<li>元素。
10. 保存文件并返回命令行界面。
11. 在命令行中运行以下命令启动React开发服务器：
12. 在命令行中运行以下命令启动React开发服务器：
13. 这将启动一个本地开发服务器，并在浏览器中打开React应用程序。
14. 在浏览器中，你将看到一个标题为“文件列表”的页面，并显示了fileNames数组中的所有文件名。

这样，你就可以使用React显示多个文件名了。请注意，这只是一个简单的示例，你可以根据自己的需求进行修改和扩展。如果你想了解更多关于React的信息，可以访问React官方网站。