import React, { useState } from 'react'
export const App = () => {
const [state, setState] = useState({
count: 0
})
return (
<button
onClick={() => setState((prev) => ({ ...prev, count: state.count + 1 }))}
>
Increment
</button>
)
}
import React, { useReducer } from 'react';
const reducer = (state, action) => {
switch(action.type) {
case 'CHANGE_NAME':
return {...state, name: action.payload.name}
default:
return {...state}
export const App = () => {
const [state, dispatch] = useReducer(reducer, { name: '' })
return (
<button
onClick={() => {
dispatch({
action: 'CHANGE_NAME',
payload: 'John'
})
}}
>
Change name
</button>
)
