<div id="root"></div>
function App() {
const [who, setWho] = React.useState('🐼')
return (
<div>
<div>💪{ who }👊</div>
<button onClick={
function() {
setWho('🐼')
}
}>Панда</button>
<button onClick={
function() {
setWho('🐯')
}
}>Тигрица</button>
<button onClick={
function() {
setWho('🐵')
}
}>Обезьяна</button>
<button onClick={
function() {
setWho('🐷')
}
}>Хрюшка</button>
</div>
)
}
ReactDOM.render(<App/>, document.getElementById('root'));
View Compiled
This Pen doesn't use any external CSS resources.