如何在react js中将表单提交到sql数据库后显示用户信息？

在React.js中将表单提交到SQL数据库后显示用户信息，可以按照以下步骤进行：

1. 创建一个React.js项目，并安装所需的依赖项。
2. 在React组件中创建一个表单，包含需要收集的用户信息字段，例如姓名、邮箱等。
3. 在表单的提交按钮上添加一个事件处理程序，用于处理表单的提交操作。
4. 在事件处理程序中，使用适当的方法（例如fetch或axios）将表单数据发送到后端服务器。
5. 在后端服务器中，使用适当的后端技术（例如Node.js、Express.js）来处理接收到的表单数据。
6. 在后端服务器中，将接收到的表单数据存储到SQL数据库中。可以使用适当的SQL查询语句将数据插入到数据库表中。
7. 在后端服务器中，创建一个API端点，用于从数据库中检索用户信息。
8. 在React组件中，使用适当的方法（例如fetch或axios）从后端服务器的API端点获取用户信息。
9. 在React组件中，使用状态管理工具（例如useState）来存储和显示从后端服务器获取的用户信息。
10. 在React组件中，使用适当的方式（例如列表或卡片）来显示用户信息。

总结： 在React.js中将表单提交到SQL数据库后显示用户信息，需要前后端配合完成。前端负责收集用户信息并发送到后端服务器，后端服务器负责接收并存储数据到SQL数据库中，并提供API端点供前端获取用户信息。React组件通过调用API端点获取用户信息，并使用状态管理工具来存储和显示数据。

腾讯云相关产品推荐：

• 云服务器（CVM）：提供可扩展的计算能力，用于部署后端服务器。
• 云数据库MySQL版（CDB）：提供稳定可靠的MySQL数据库服务，用于存储用户信息。
• 云函数（SCF）：无服务器计算服务，可用于处理表单提交操作。
• API网关（API Gateway）：用于创建和管理API端点，方便前端调用后端服务。

以上是一个简单的示例，具体实现方式可能因项目需求和技术栈而有所不同。