0
点赞
收藏
分享

微信扫一扫

react hooks useReducer

无聊到学习 2023-01-03 阅读 146


import React, { useReducer } from 'react';

function ReducerDemo(){
const [ count , dispatch] =useReducer((state,action)=>{
//判断action类型
switch(action){
case 'add':
return state+1
case 'sub':
return state-1
default:
return state
}
},0) //当前count

return(
<div>
<h2>现在的数字是{count}</h2>
<button onClick={()=>dispatch('add')}>加</button>
<button onClick={()=>dispatch('sub')}>减</button>
</div>
)
}

export default ReducerDemo

 

举报

相关推荐

0 条评论