#root
View Compiled
const { useContext, useState, createContext } = React;
const {render} = ReactDOM;
const UserContext = createContext(???);
function App() {
// ???
return (
<UserContext.Provider value={}>
<UserName />
<UserNameInput />
</UserContext.Provider>
);
}
function UserName() {
// ???
return <span>{username}</span>;
}
function UserNameInput() {
// ???
const handleInput = (event) => {
// ???
}
return <input type='text' value={username} onChange={handleInput} />;
}
render(<App />, document.getElementById('root'))
View Compiled
This Pen doesn't use any external CSS resources.