react本机redux中的useSelector中未定义状态

// 定义一个名为counter的状态
const counterReducer = (state = 0, action) => {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return state - 1;
    default:
      return state;
  }
};

import { combineReducers } from 'redux';

const rootReducer = combineReducers({
  counter: counterReducer,
  // 其他状态...
});

export default rootReducer;

import { createStore } from 'redux';
import rootReducer from './reducers';

const store = createStore(rootReducer);

import { useSelector } from 'react-redux';

const CounterComponent = () => {
  const counter = useSelector(state => state.counter);

  return (
    <div>
      <p>Counter: {counter}</p>
      {/* 其他组件内容... */}
    </div>
  );
};