/Javascript/React/How to get property names from object using map method react

How to get property names from object using map method react

const arrayvals = [
   { Number: 1, newNumber: "1", name: "FB" },
    { Number: 3, newNumber: "2", name: "FB" },
     { Number: 7, newNumber: "5", name: "GK" },
      { Number: 8, newNumber: "4", name: "FW" }
]



function App() {
  return (
    <div className="App">
      <h1>Mapping object keys in react and returning child properties
</h1>
    {Object.entries(arrayvals).map((arr)=>{

        return <div>Number is : {arr[1].Number}  || NewNumber is : {arr[1].newNumber} ||  and Value is : {arr[1].name}</div>
    })}
    </div>
  );
}

Source: stackoverflow.com

Similar codes

1 vote374 views1 answer
Has been blocked by cors policy react fetch firebase realtime database
Javascript React
21 votes368 views4 answers
React font awesome npm
Javascript React
15 votes374 views2 answers
React native get location
Javascript React
-1 vote363 views1 answer
New Map() collection in react state
Javascript React
17 votes363 views5 answers
Add background image react native
Javascript React
1 vote340 views1 answer
React addeventlistener useeffect
Javascript React
1 vote385 views2 answers
React chartjs 2
Javascript React
0 vote423 views1 answer
Reactive forms change event in angular
Javascript React
0 vote425 views1 answer
Font awesome react share faShare
Javascript React
0 vote379 views1 answer
Display image from local JSON / JS Object using React
Javascript React