/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

11 votes223 views3 answers
React native text ellipsis
Javascript React
5 votes230 views1 answer
React code splitting (component based)
Javascript React
32 votes231 views1 answer
How to use react router
Javascript React
0 vote219 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
31 votes227 views6 answers
React Sass
Javascript React
0 vote275 views1 answer
Libraries like html-react-parser
Javascript React
4 votes217 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
1 vote212 views1 answer
Class Component in ReactJS
Javascript React
1 vote210 views1 answer
React construct
Javascript React
0 vote261 views1 answer
React should write method in a functional component or outside functional component
Javascript React