标签: react-reducer

如何在类组件中使用 React.useReducer (或等效项)?

useReducer在 React 原生类组件中有什么方法可以使用或任何等效的东西吗?

是的,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(...)
  }
}
Run Code Online (Sandbox Code Playgroud)

reactjs react-native react-hooks react-reducer

5
推荐指数
1
解决办法
2443
查看次数