jyydev/README.md

Last active July 16, 2021 02:07

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/jyydev/d707f343f9e2e7901ce55fa76552f609.js"></script>
Save jyydev/d707f343f9e2e7901ce55fa76552f609 to your computer and use it in GitHub Desktop.

Download ZIP

React > jsx > object > .map()

Raw

README.md

How to iterate, loop through object in React, reactjs, jsx

const obj = { a: 'aa', b: 'bb' };

return {
  <div>
    {Object.entries(costss).map(([key, cost]) => {
      return (
        <button
          key={cost}
          type='button'
          className='btn'
          onClick={() => setInput(cost)}
        >
          {key}: {cost}
        </button>
      );
    })}
  </div>
}