react/tips - 0bipinnata0

55 words

1 minutes

react/tips

2025-02-22 20:29:56

2025-12-24 23:45:46

React

react

tips

1. 使用`useReducer` 实现`useState`#

const useState = ( initialState) => {
    const [state,dispatch] = useReducer((prev,action)=>{
        return typeof action === 'function'?action(prev):action;

    },initialState) 
    return [state,dispatch] as const
}

2. 使用`useState` 实现`useReducer`#

const useReducer = (reducer, initialState) => {
    const [state,setState] = useState(initialState)
    const dispatch = useCallback((action)=>{
        setState(reducer(state,action))
    },[state])
    return [state,dispatch] as const
}