React useReducer：如何组合多个reducer？

javascript
import React, { useReducer } from 'react';
import { combineReducers } from 'redux';
// 定义两个reducer
function counterReducer(state = 0, action) {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return state - 1;
    default:
      return state;
  }
}
function nameReducer(state = '', action) {
  switch (action.type) {
    case 'SET_NAME':
      return action.payload;
    default:
      return state;
  }
}
// 组合多个reducer
const rootReducer = combineReducers({
  counter: counterReducer,
  name: nameReducer,
});
function App() {
  const [state, dispatch] = useReducer(rootReducer, {});
  return (
    
      
Counter: {state.counter}
      
Name: {state.name}
       dispatch({ type: 'INCREMENT' })}>Increment
       dispatch({ type: 'DECREMENT' })}>Decrement
       dispatch({ type: 'SET_NAME', payload: 'John' })}>Set Name
    
  );
}
export default App;