Javascript 如何在react native中使用json元素
使用以下代码将数据发送到APIJavascript 如何在react native中使用json元素,javascript,json,react-native,Javascript,Json,React Native,使用以下代码将数据发送到API signIn: async (email, senha) =>{ try{ const req = await fetch ( `${BASE_API}/Auth/login.php`,{ method: 'POST', headers:{ Accept: 'application/json', 'Content-Type': 'application/json' },
signIn: async (email, senha) =>{
try{
const req = await fetch ( `${BASE_API}/Auth/login.php`,{
method: 'POST',
headers:{ Accept: 'application/json', 'Content-Type': 'application/json' },
body: JSON.stringify({email: email, senha: senha})
});
const json = await req.json();
console.log(json);
return json;
}
catch(error){
console.error(error);
}
}
返回以下正在输入控制台的json
Array [
Object {
"user_avatar": "path",
"user_celular": "00912341234",
"user_email": "test@gmail.com",
"user_id": "6",
"user_mesa": "0",
"user_nome": "Marcos",
"user_senha": "testtest",
"user_since": "2021-04-28",
"user_sobrenome": "da Silva",
"user_tipo": "0",
},
]
如何从这个json中提取数据?例如:alert(json.user_nome)首先,这不是json,这是数组对象,因此如果您希望从数组中的第一个对象获取数据,则应使用此
json[0].user_nome
或者,如果您希望从所有json对象数据中获得所有user\u nome属性,那么您必须使用loop。我认为
Axios
更易于使用
import React,{useState,useffect}来自“React”;
从“axios”导入axios;
.
.
.
.
常量[getdata,setdata]=useState([]);
useffect(()=>{
axios
.get(“https://fakerestapi.azurewebsites.net/api/v1/Users", {
标题:{
“内容类型”:“应用程序/json”,
},
})
。然后({data})=>{
控制台日志(数据);
setdata(数据);
})
.catch((错误)=>{
控制台日志(err);
});
}, []);代码>它可以工作,谢谢,顺便说一句,我应该在我的API中使用“fetch”而不是“fetchALL”,这就是为什么我的响应是获得一个数组的原因。我实际上在其他项目中使用axios,但出于教育目的,我不会在这一个中使用,无论如何,谢谢。