我的钩子状态名称中可以有一个变量吗？

const [state, setState] = useState(initialState);

const stateKey = 'myDynamicState';
const [state, setState] = useState(() => {
  // 这里可以根据stateKey的值来决定初始状态
  return initialState[stateKey];
});

const stateKey = 'myDynamicState';
const [stateObj, setStateObj] = useState({});

// 设置状态
setStateObj(prevState => ({
  ...prevState,
  [stateKey]: newValue
}));

// 获取状态
const myDynamicState = stateObj[stateKey];

const initialState = { myDynamicState: '' };
const reducer = (state, action) => {
  switch (action.type) {
    case 'UPDATE_STATE':
      return { ...state, [action.key]: action.value };
    default:
      return state;
  }
};

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

// 更新状态
dispatch({ type: 'UPDATE_STATE', key: stateKey, value: newValue });