Learn the fundamentals of React, including simple and class components, state, props, and submitting form data.
Basic List Component
<div id="root"></div> |
function NumberList(props) { | |
const numbers = props.numbers; | |
const listItems = numbers.map((number) => | |
<li key={number.toString()}> | |
{number} | |
</li> | |
); | |
return ( | |
<ul>{listItems}</ul> | |
); | |
} | |
const numbers = [1,2,3,4,5]; | |
ReactDOM.render( | |
<NumberList numbers={numbers} />, | |
document.getElementById("root") | |
); |
<script src="https://unpkg.com/react/umd/react.development.js"></script> | |
<script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script> |