Passing Data (ReactJs)

index.html

<div id="root"></div>

passing-data-reactjs.markdown

Passing Data (ReactJs)

A Pen by Milad Vafaeifard on CodePen.

License.

script.babel

const makeButton = onSelection => b => <button key={b} id={b} onClick={e => onSelection(e.target.id)} > {b} </button>;
const CreateButtons = ({numOfBtn, onSelection}) => <div> { R.range(1, numOfBtn + 1).map(makeButton(onSelection)) } </div>
const render = <CreateButtons numOfBtn={19} onSelection={console.log} />
const root = document.getElementById('root');

ReactDOM.render(render, root);

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.js"></script>