react useReducer
admin
2024-03-02 20:01:16

useReducer():Action钩子

import React, {useReducer} from 'react'

export default function UseReducer() {

const reducer = (state, action) => {

switch (action.type) {

case 'add':

return {count: state.count + 1};

default:

return {count: state.count};

}

}

const [state, dispatch] = useReducer(reducer, {count: 0})

const addcount = () => {

dispatch({

type: 'add'

})

}

return (

{state.count}

)

}

相关内容

热门资讯

蛟河游船好去处,宴宾园活鱼馆美... 在蛟河游玩,游船是领略湖光山色的绝佳方式,而游玩之后,一顿美味的餐食更是不可或缺。宴宾园活鱼馆就是这...
必去的景点有免费WiFi、三级... 在旅游的世界里,寻找那些拥有独特魅力且设施完备的景点是每一位旅行者的心愿。今天,我们要为大家介绍一个...