/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

0 vote238 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
14 votes239 views2 answers
Adding border in react native
Javascript React
2 votes234 views1 answer
Site cannot be accessed broken link or url that doesn’t exist react netlify
Javascript React
0 vote275 views1 answer
How to accept only. proper email from an input field react with functional component
Javascript React
0 vote238 views1 answer
Header logo react native doesn't show
Javascript React
0 vote245 views1 answer
Limit values that satisy a url parameter react-router
Javascript React
1 vote228 views1 answer
Disable split screen react native
Javascript React
0 vote202 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
0 vote241 views1 answer
Module not found: Can't resolve 'react-chartjs-2'
Javascript React
21 votes176 views3 answers
Hide header bar react navigation
Javascript React