How to view username and password React JS

Question

My json returns like this:

0: {username: 'silviosantos@gmail.com', password: '091591'}
1: {username: 'silviosantos@gmail.com', password: 'gkfonseca7'}
2: {username: 'silviosantos@gmail.com', password: 'oumanel'}
3: {username: 'silviosantos@gmail.com', password: 'santossilvio'}
4: {username: 'silviosantos@gmail.com', password: 'tamiratamira'}
5: {username: 'SilvioSantos@gmail.com', password: 'gkfonseca7'}
length: 6

Print of response

My code:

setPasswords(response.data) (...) {passwords.username}

passwords[0].password and passwords[0].useername. Or [1]. Or [2]. Up to [6]. [5] will be the last. it is an array. — Sergey Sosunov, Sep 03 '22 at 15:28
Are you asking "how do I iterate over the data in state to produce a table of usernames/passwords?" — Andy, Sep 03 '22 at 15:29
don't use the image for text output try to copy and paste it or if you use an image, don't put it in the link, add it with the image option. — Rohit Bhati, Sep 03 '22 at 15:29
Does this answer your question? [JavaScript loop through JSON array?](https://stackoverflow.com/questions/18238173/javascript-loop-through-json-array) — Jeffrey Ram, Sep 03 '22 at 15:34

score 0 · Accepted Answer · answered Sep 03 '22 at 15:30

0

const [info, setInfo] = useState({ username: '', password: '' });

...

setInfos(data); // The data you captured

return infos.map((info, index) => <>
  <span key={index}>{info.username} / {info.password}</span>
</>)

this code will help you

answered Sep 03 '22 at 15:30

dishate

16
2

How to view username and password React JS

1 Answers1