to render a list in reactjs code example
Example 1: react create list of array in react
const App = props => { const quoteArray = props.quotes.map((quote) => { return ( <Quote text={quote.text} author={quote.author} /> ); }); return ( <div> <h2>Famous Quotes</h2> {quoteArray} </div> );};App.propTypes = { quotes: React.PropTypes.array}
Example 2: jsx map with index
materials.map((material,index) => console.log(index +" = " + material + " = " + materials[index]));