React.js iterate through object keys and values using map

Question

I have the following object:

var Customers = {
 name = 'John',
 last = 'Doe'
}

I have imported to my react component, I'm having difficulty looping through object content.

Here is what I have tried

import Customers from './customer';

var customer = Customers.map(function(s){ return s.name });

I'm getting the following error

Uncaught ReferenceError: name is not defined(…)(anonymous

Gayane · Accepted Answer · 2016-12-02 07:07:56Z

13

Also, you can't use map for objects like this. You should write

var customer = Object.keys(Customers).map(function(s){ return Customers[s].name });

answered Dec 2, 2016 at 7:07

Gayane

5774 silver badges12 bronze badges

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

Comments

Arturo Lopez · Accepted Answer · 2016-12-02 00:36:22Z

6

Instead of equals name='John' it's suppose to be name : 'John'.

If you are trying to retrieve the name you could access the variable like Customers.name. If you are trying to do something more with it let me know and I am more than happy to help.

edited Dec 2, 2016 at 0:36

answered Dec 2, 2016 at 0:20

Arturo Lopez

613 bronze badges

Collectives™ on Stack Overflow

React.js iterate through object keys and values using map

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related