Skip to content

UseReducer react hooks come far passare le funzioni in basso esempio di codice

Questo team specializzato dopo alcuni giorni di ricerca e raccolta di informazioni, abbiamo trovato la risposta, speriamo possa essere utile per il tuo progetto.

Esempio 1: useReducer

functioninit(initialCount){return{count: initialCount};}functionreducer(state, action){switch(action.type){case'increment':return{count: state.count+1};case'decrement':return{count: state.count-1};case'reset':returninit(action.payload);default:thrownewError();}}functionCounter({initialCount}){const[state, dispatch]=useReducer(reducer, initialCount, init);return(<>Count:{state.count}<button
        onClick={()=>dispatch({type:'reset', payload: initialCount})}>Reset</button><button onClick={()=>dispatch({type:'decrement'})}>-</button><button onClick={()=>dispatch({type:'increment'})}>+</button></>);}

Esempio 2: gancio useeducer

const initialState ={count:0};functionreducer(state, action){switch(action.type){case'increment':return{count: state.count+1};case'decrement':return{count: state.count-1};default:thrownewError();}}functionCounter(){const[state, dispatch]=useReducer(reducer, initialState);return(<>Count:{state.count}<button onClick={()=>dispatch({type:'decrement'})}>-</button><button onClick={()=>dispatch({type:'increment'})}>+</button></>);}

Sezione recensioni e valutazioni



Utilizzate il nostro motore di ricerca

Ricerca
Generic filters

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.