React native 反应本机和Mysql连接

React native 反应本机和Mysql连接,react-native,React Native,我用的是React Native。我想在数据库中找到我在React Native中输入的数据。例如,在我输入的用户名的数据库中,从“我在react native中输入的数据”所在的表中选择id。我想找到带有用户名的表并提取用户id var name = this.state.username; "select id from table where (name)" 我想像这样提取用户名的id。您需要一个后端服务/API才能从数据库中提取数据。尝试使用Node,并编写一个简单的后端,因为它是J

我用的是React Native。我想在数据库中找到我在React Native中输入的数据。例如,在我输入的用户名的数据库中,从“我在react native中输入的数据”所在的表中选择id。我想找到带有用户名的表并提取用户id

var name = this.state.username;

"select id from table where (name)"

我想像这样提取用户名的id。

您需要一个后端服务/API才能从数据库中提取数据。尝试使用Node,并编写一个简单的后端,因为它是JavaScript。您可以在后端执行sql查询,将数据从mySQL检索到您的节点服务器,然后您可以使用fetch方法从后端服务器获取数据以作出本机反应。您的后端API和运行react本机应用程序的设备应在同一网络上运行。

您需要有后端服务/API才能从数据库中获取数据。尝试使用Node,并编写一个简单的后端,因为它是JavaScript。您可以在后端执行sql查询,将数据从mySQL检索到您的节点服务器,然后您可以使用fetch方法从后端服务器获取数据以作出本机反应。后端API和运行react本机应用程序的设备应在同一网络上运行。

RN和Mysql之间没有直接连接。为此,请使用节点js

步骤:1

npm安装快车 npm安装体解析器 npm安装mysql 步骤:2

const connection=mysql.createPool{ host:'localhost',//您的连接地址为localhost。 用户:'根',//数据库的用户名。 密码:,//数据库的密码。 数据库:“my_db”//您的数据库名称。 }; //正在启动我们的应用程序。 const-app=express; //创建从“用户”表返回数据的GET路由。 app.get'/users',函数请求,res{ //连接到数据库。 connection.getConnectionfunction错误,连接{ //执行MySQL查询从“users”表中选择所有数据。 连接.查询“从用户选择*”,函数错误,结果,字段{ //如果发生错误,我们抛出一个错误。 如果错误抛出错误; //从数据库获取“响应”并将其发送到我们的路由。这是数据。 res.sendresults }; }; }; //启动我们的服务器。 app.listen3000,=>{ 控制台.日志'转到http://localhost:3000/users 这样你就可以看到数据了。”; }; 现在,我们如何在我们的React本机应用程序中获取这些数据

这很简单,我们使用fetch函数。 要做到这一点,您必须直接插入PC的ip地址,而不是使用“localhost:3000”。如果你使用“localhost”,你就是在访问你的智能手机/模拟器的localhost。这不是我们想要的。请遵循以下示例:

试验{ 取回http://yourPCip:3000/users' .thenresponse=>response.json .thenusers=>console.warnusers }
RN和Mysql之间没有直接连接。为此,请使用节点js

步骤:1

npm安装快车 npm安装体解析器 npm安装mysql 步骤:2

const connection=mysql.createPool{ host:'localhost',//您的连接地址为localhost。 用户:'根',//数据库的用户名。 密码:,//数据库的密码。 数据库:“my_db”//您的数据库名称。 }; //正在启动我们的应用程序。 const-app=express; //创建从“用户”表返回数据的GET路由。 app.get'/users',函数请求,res{ //连接到数据库。 connection.getConnectionfunction错误,连接{ //执行MySQL查询从“users”表中选择所有数据。 连接.查询“从用户选择*”,函数错误,结果,字段{ //如果发生错误,我们抛出一个错误。 如果错误抛出错误; //从数据库获取“响应”并将其发送到我们的路由。这是数据。 res.sendresults }; }; }; //启动我们的服务器。 app.listen3000,=>{ 控制台.日志'转到http://localhost:3000/users 这样你就可以看到数据了。”; }; 现在,我们如何在我们的React本机应用程序中获取这些数据

这很简单,我们使用fetch函数。 要做到这一点,您必须直接插入PC的ip地址,而不是使用“localhost:3000”。如果你使用“localhost”,你就是在访问你的智能手机/模拟器的localhost。这不是我们想要的。请遵循以下示例:

试验{ 取回http://yourPCip:3000/users' .thenresponse=>response.json .thenusers=>console.warnusers }
访问它使用此格式在字符串中添加变量,从${name}所在的表中选择id访问它使用此格式在字符串中添加变量,从${name}所在的表中选择id!您能解释一下如何使用users变量来获取数据吗?比如,做这件事的代码示例是什么?这就是让我困惑的地方,如果你能说清楚的话,我将非常感激!非常感谢应用程序。获取'/users',etc块就是在/users发生的。您可以以相同的方式添加另一个块,例如app.get'/name
艾奇!您能解释一下如何使用users变量来获取数据吗?比如,做这件事的代码示例是什么?这就是让我困惑的地方,如果你能说清楚的话,我将非常感激!非常感谢应用程序。获取'/users',etc块就是在/users发生的。您可以以相同的方式添加另一个块,例如app.get'/names'等