如何在组件类中使用React.useReducer(等价)

46 阅读1分钟

有没有办法在React原生类组件中使用Reducer或任何类似的东西? 是的,reducer方法是原始js函数。我们可以在类中直接使用它,而不是将它与类的状态结合起来吗?

function init(initialCount) {  return {count: initialCount};}
function reducer(state, action) {
  switch (action.type) {
    case 'increment':
      return {count: state.count + 1};
    case 'decrement':
      return {count: state.count - 1};
    case 'reset':      return init(action.payload);    default:
      throw new Error();
  }
}

class App extends React.Component{
   ...
   render(){
     return(...)
   }
}