#root
View Compiled
const {useReducer} = React;
const {render} = ReactDOM;
// Création de notre fonction reducer
const counterReducer = (state, action) => {
switch (action) {
case "increment":
return state + 1;
case "decrement":
return state - 1;
default:
return state;
}
};
const initialCounterValue = 0;
function Counter() {
// Création du `useReducer` pour le compteur
const [count, dispatchCounter] = useReducer(
counterReducer,
initialCounterValue
);
const increment = () => dispatchCounter("increment");
const decrement = () => dispatchCounter("decrement");
return (
<div>
{count}
<button onClick={increment}> +1 </button>
<button onClick={decrement}> -1 </button>
</div>
);
}
render(<Counter />, document.getElementById('root'))
View Compiled
This Pen doesn't use any external CSS resources.