CODEWITHSUNDEEP
javascriptreactjs
Clayton Crockville
Clayton Crockville

Reputation: 309

Return with data does not return any data

record.data[0] is an object with data. I'm trying to render this object into HTML, but it does not return any data.

    Object.keys(record.data[0]).map((key) => {
      return <p>{record.data[0][key]}</p>
    })

Upvotes: 0

Views: 56

Answers (1)

Asif vora
Asif vora

Reputation: 3359

You need to convert your data in Object.entries or Object.values or Object.keys().

Object.entries() or Object.values() or Object.keys()

Example :

Object.entries()

   const object1 = {
     a: 'somestring',
     b: 42
   };
        
    for (const [key, value] of Object.entries(object1)) {
       console.log(`${key}: ${value}`);
    }
    
    // expected output:
    // "a: somestring"
    // "b: 42"

Object.values()

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.values(object1));
// expected output: Array ["somestring", 42, false]

Object.keys()

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.keys(object1));
// expected output: Array ["a", "b", "c"]


const data = {
  full_name: 'John Doe',
  date_of_birth: '01-01-1990'
};

const values = Object.entries(data);

console.log(values)

values.map(entry => console.log(entry[0] + " " + entry[1]));

Upvotes: 1

Related Questions