JSX Cheatsheet

jsx-cheatsheet.jsx

/**
I always forgot these simple JSX methods. 
So I can refer this anytime. 
Surjith S M / @surjithctly

**/
//---------------------------------------------------------------------
// Javascript map Function

{props.items.map((item) => {
// do logic here
return (
// return something here
)
})}

**/
//---------------------------------------------------------------------
// Javascript map Function Reduced Return

{props.items.map((item, _id) => (
  <div>{item.title}</div>
))}

**/
//---------------------------------------------------------------------
// Javascript map Function One Line Return

{props.items.map((item, _id) => item.title)}


**/
//---------------------------------------------------------------------
//