<div id="root"></div>
"use strict";
// 1. Create a Button element
function Button({ children }) {
return (
<button>{children}</button>
);
}
// 2. Create and embed our React DOM
const container = document.querySelector('#root');
const root = ReactDOM.createRoot(container);
// 3. Render the React element in our React DOM
root.render(
<Button children="Click Me">Don't Click Me</Button>
);
View Compiled
This Pen doesn't use any external CSS resources.