<div id="root">
<!-- Element 들어갈 부분 -->
</div>
const root = document.getElementById("root");
// SaveBtn
function SaveBtn() {
return <button style={{
backgroundColor:"tomato",
color:"white",
padding:"10px 20px",
border:0,
borderRadius:10
}}>Save Changes</button>
}
// Confirm
function ConfirmBtn() {
return <button style={{
backgroundColor:"tomato",
color:"white",
padding:"10px 20px",
border:0,
borderRadius:10
}}>Save Changes</button>
}
// App
function App() {
return (
<div>
<SaveBtn />
<ConfirmBtn />
</div>
);
}
ReactDOM.render(<App />, root);
View Compiled
This Pen doesn't use any external CSS resources.