来自 redux 状态的数据未设置

如何解决来自 redux 状态的数据未设置

我在 thunk 中进行了 API 调用，它工作正常，reducer 也给了我所需的状态，即使我使用选择器获取详细信息，但是当我尝试在另一个状态 (myData) 中设置数据时，它说未定义。

// 减速器

import { createAsyncThunk,createSlice } from '@reduxjs/toolkit';

interface TData {
  name: string;
  gender: string;
}

// my thunk

export const getMyData = createAsyncThunk('someUrl',async () => {
  const { success } = await SomeApiCall();
  return success?.data as TData;
});

const mySliceInitalData: TData = { data: {} } as TData;

const mySlice = createSlice({
  name: 'profile',initialState: {
    loading: false,mySliceData: mySliceInitalData,},reducers: {},extraReducers: (builder) => {
    builder.addCase(getMyData.pending,(state) => {
      state.loading = true;
    });
    builder.addCase(getMyData.fulfilled,(state,action) => {
      console.log('action ',action.payload);
      state.privacyData = action.payload;
      state.loading = false;
    });
    builder.addCase(getMyData.rejected,(state) => {
      state.loading = false;
    });
  },});

//选择器

const myDetailsSelector = (state: RootState) => state.Profile.mySliceData

// mydata.tsx，用户界面页面

// dispatcher

 const dispatch = useAppdispatch()

// use app selector

const details = useAppSelector(myDetailsSelector,shallowEqual)


// state

const [myData,setMyData] = useState<TData>();

const getDetails = () => {
  
 const someData : TData = 
{
  name:details?.name,gender:details?.gender
}

setMyData(someData)

}

  useEffect(() => {
     dispatch(getMyData())
    getDetails();
   },[dispatch,details])


<div>
{myData?.name} // it says undefined here
</div>