render() { const elements = ['one', 'two', 'three']; const items = [] for (const [index, value] of elements.entries()) { items.push(<li key={index}>{value}</li>) } return ( <div> {items} </div> ) } ////////// or: render: function() { const elements = ['one', 'two', 'three']; return ( <ul> {elements.map((value, index) => { return <li key={index}>{value}</li> })} </ul> ) }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter