withinWithin the return
block, creating an Array
and using Array.prototype.map
:
outsideOutside the return
block, simply use a normal JavaScript for-loopfor loop:
render() {
let rows = [];
for (let i = 0; i < numrows; i++) {
rows.push(<ObjectRow key={i}/>);
}
return (
<tbody>{rows}</tbody>
);
}
immediatelyImmediately invoked function expression:
withinWithin the return
block, .map()
each object to a <ObjectRow>
component:
outsideOutside the return
block, simply use a normal JavaScript for-loopfor loop:
render() {
let rows = [];
for (let i = 0; i < objectRows.length; i++) {
rows.push(<ObjectRow key={i} data={objectRows[i]} />);
}
return (
<tbody>{rows}</tbody>
);
}
immediatelyImmediately invoked function expression: