How to output only one value of an array within an array of a state in React?

Question

Say I want to console.log the name value in the following state in React:

state = {
   editingToggle: false,
   list : [
      {id:1 name:'hello' address: '123 fake street'},
   ]
}

How would I be able to access only this value? I've tried console.log(this.state.list[1].name) console.log(this.state.list.name[1]) but to no avail.

Whenever I open up the browser console all I can see is undefined. Any help would be great

Please provide more related code, by now it's hard to tell where went wrong — keikai
– keikai, Commented Mar 25, 2020 at 21:08

Nitsew · Accepted Answer · 2020-03-25 21:14:59Z

2

Arrays in JavaScript do not start with one, they start with zero. It's known as "Zero base numbering" or "Zero base indexing" which means, the first index of an array should be accessed with 0, not 1.

state = {
   editingToggle: false,
   list : [
      {id:1 name:'hello' address: '123 fake street'},
   ]
}

console.log(this.state.list[0]); // {id:1 name:'hello' address: '123 fake street'
console.log(this.state.list[0].name); // 'hello'

answered Mar 25, 2020 at 21:14

Nitsew

3,6821 gold badge19 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Steve Guerrera Over a year ago

Thanks for the help!

Collectives™ on Stack Overflow

How to output only one value of an array within an array of a state in React?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related