如何使用reactjs从后端检索表中的数据?

如何使用reactjs从后端检索表中的数据?,reactjs,Reactjs,我想使用axios从django后端检索所有用户名。控制台中显示的用户,但所有详细信息数据:(用户名、电子邮件…、标题、令牌…)。。。。 因此,我想将其限制为仅获取数据或仅在控制台中显示数据 之后,我想知道如何将用户名放入表或列表中 这是我的检索功能: const RetrievUsers=()=>{ axios.get('http://127.0.0.1:8000/user/list') .then(data => console.log(d

我想使用axios从django后端检索所有用户名。控制台中显示的用户,但所有详细信息数据:(用户名、电子邮件…、标题、令牌…)。。。。 因此,我想将其限制为仅获取数据或仅在控制台中显示数据 之后,我想知道如何将用户名放入表或列表中

这是我的检索功能:

 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()