我怎样才能减少在模式下使用useState的次数？

const [state, setState] = useState({ count: 0, isModalOpen: false });

// 更新状态
setState(prevState => ({ ...prevState, count: prevState.count + 1 }));
setState(prevState => ({ ...prevState, isModalOpen: true }));

// 访问状态
console.log(state.count);
console.log(state.isModalOpen);

const initialState = { count: 0, isModalOpen: false };

function reducer(state, action) {
  switch (action.type) {
    case 'INCREMENT':
      return { ...state, count: state.count + 1 };
    case 'OPEN_MODAL':
      return { ...state, isModalOpen: true };
    default:
      return state;
  }
}

const [state, dispatch] = useReducer(reducer, initialState);

// 更新状态
dispatch({ type: 'INCREMENT' });
dispatch({ type: 'OPEN_MODAL' });

// 访问状态
console.log(state.count);
console.log(state.isModalOpen);

function useModal(initialState = false) {
  const [isModalOpen, setIsModalOpen] = useState(initialState);

  const openModal = () => setIsModalOpen(true);
  const closeModal = () => setIsModalOpen(false);

  return [isModalOpen, openModal, closeModal];
}

// 在组件中使用自定义钩子
const [isModalOpen, openModal, closeModal] = useModal(false);

// 更新状态
openModal();
closeModal();

// 访问状态
console.log(isModalOpen);