No entiendo cómo el reductor sabe que el conteo es del estado sin usar el nombre del estado en el código. Pensé que era como " return {state.count: state.count + 1} ". ¿Como funciona?
import { useReducer } from 'react'; const initialState = {count: 0}; const reducer = (state, action) =>{ switch(action.type){ case 'minus': return {count: state.count + 1} break; case 'plus': return {count: state.count - 1} break; case 'reset': return initialState; break; } return state; } const App = () =>{ const [state, dispatch] = useReducer(reducer, initialState); return( <div> <button onClick={() => dispatch({type: 'menos'})}>-</button> <div>{state.count}</div> <button onClick={() => dispatch({type: 'mais'})}>+</button> <button onClick={() => dispatch({type: 'reset'})}>reset</button> </div> ); } export default App;Se le ha declarado función reductora y acciones. Su despacho mira su tipo de acciones y cambia el estado en consecuencia. No necesita dar el nombre de los estados, solo necesita dar el tipo de acciones.