我真的觉得我在这里错过了一些明显的东西。我只是在玩/学习react query..我有下面的代码：

import {useReducer} from 'react'
import AppContext from './context'
import reducer from './reducer'
import apiClient from './http-commom'
import {useQuery} from 'react-query'

function App() {
  const getClientList = useQuery(
    ['client-list'],
    async ({signal}) => {
      return await apiClient.post('/v1/clientlist', {signal})
    },
    {enabled: true, refetchOnWindowFocus: false}
  )

  let clientList = getClientList?.data?.data?.recordset

  const initalState = {
    clientList: clientList,
  }

  const [state, dispatch] = useReducer(reducer, initalState)

  console.log(clientList) // works ['client1','client2','client3']
  console.log(initalState.clientList) // works ['client1','client2','client3']
  console.log(state.clientList) // undefined

  return (
    <AppContext.Provider value={{state, dispatch}}>
      <div>testing</div>
    </AppContext.Provider>
  )
}

export default App

为什么状态值显示为undefined，而其他两个正常工作？
我试图像这样将state.clientList拉到另一个组件中……但是将控制台日志移动到App组件中，这样我就可以比较所有

function MenuBar() {
  const {state,dispatch} = useContext(AppContext)
  const {clientList} = state
  console.log(state.clientList) // undefined...
...

任何帮助都非常感谢！也许我只需要去散步，直到它来找我：）
谢谢