Pulse7
8/1/2017 - 5:03 PM

React looping simple example

React looping simple example

react.js
content_copyfile_download
let mountNode=document.getElementById("output");

const Button = function(props){
  	return <button>{props.label}</button>
}

function ButtonPanel(props){
	let buttons = [];
  let numButtons = parseInt(props.buttonNum);
  for(var i=0;i<numButtons;i++)
  	buttons.push(<Button label={props.label}/>);
	return <div>{buttons}</div>
}

ReactDOM.render(<ButtonPanel label="Go" buttonNum="10"/>,mountNode)