如何使用reactjs从后端检索表中的数据?
我想使用axios从django后端检索所有用户名。控制台中显示的用户,但所有详细信息数据:(用户名、电子邮件…、标题、令牌…)。。。。 因此,我想将其限制为仅获取数据或仅在控制台中显示数据 之后,我想知道如何将用户名放入表或列表中 这是我的检索功能:如何使用reactjs从后端检索表中的数据?,reactjs,Reactjs,我想使用axios从django后端检索所有用户名。控制台中显示的用户,但所有详细信息数据:(用户名、电子邮件…、标题、令牌…)。。。。 因此,我想将其限制为仅获取数据或仅在控制台中显示数据 之后,我想知道如何将用户名放入表或列表中 这是我的检索功能: const RetrievUsers=()=>{ axios.get('http://127.0.0.1:8000/user/list') .then(data => console.log(d
const RetrievUsers=()=>{
axios.get('http://127.0.0.1:8000/user/list')
.then(data =>
console.log(data)
)
.catch(err=>console.log(err))
}
我的后端中的数据如下所示:
"username": "pol",
"password": "**********************",
"nom": "a",
"prenom": "a",
"email": "a@gmail.com",
"residence": "po",
"phone": "po"
控制台:
{data: Array(2), status: code, statusText: " ", headers: {…}, config: {…}, …}config: {adapter: ƒ, transformRequest: {…}, transformResponse: {…}, @@@}
/I need only this part
data:Array(2)
0: email: "a@gmail.com"nom:"a "password: "***pbkd g=" phone: "po"
prenom: "a"residence: "po"username: "pol"__proto__: Object
1: email: "a@gmail.com" nom: "a" password: "*****A4=" phone: "a"
prenom: "a"residence: "pass"username: "a"__proto__: Object
//
length: 2__proto__: Array(0)headers: { }request: XMLHttpRequest {onreadystatechange: …}status:
要过滤用户名,请尝试这样的安慰
console.log(data.data[0].username);
要在数据中循环,请尝试以下操作
data.data.forEach(function(element) {
console.log(element.username);
});
这段视频将解释你所问的很多问题。你能不能试着像console.log(data.data)@akshaykishore感谢Uuuuuu这样来安慰data.data?这是正确的,但我不能像放数据时那样访问用户名。data[0]我得到用户1的所有数据,这是一个列表,我想我该如何过滤这个列表来获得用户名,以便放在你可能正在寻找的表中
console.table()
?