/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

12 votes379 views2 answers
How to integrate redux dev tool to react application
Javascript React
0 vote363 views1 answer
Make input fixed position reactjs
Javascript React
2 votes366 views4 answers
Multiple export in react
Javascript React
0 vote334 views1 answer
Remove unused dependencies in React Ask Question
Javascript React
0 vote369 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React
8 votes360 views1 answer
Professional react projects
Javascript React
10 votes313 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
3 votes359 views1 answer
React data attributes event
Javascript React
1 vote416 views1 answer
How to use cookies in react js
Javascript React
15 votes361 views1 answer
Reducer in react example
Javascript React