我正在使用REACT和REDUX-TOOLKIT进行前端开发. 当我try 映射()对象内部的数组时,整个屏幕都变成空白. 这是我从Redux State得到的数据 struct . data structure image个 这是我从Reduxstore 调用状态的屏幕:
const { id } = useParams();
const { mocktest, isLoading, isError, message } = useSelector(
(state) => state.mocktest
);
console.log(mocktest);
useEffect(() => {
if (isError) {
toast.error(message);
}
dispatch(getMockTestById(id));
}, [isError, message, dispatch, id]);
这是我的切入点:
export const getMockTestById = createAsyncThunk(
'mocktest/getMockTestById',
async (id, thunkAPI) => {
try {
// const token = thunkAPI.getState().auth.user.token;
return await mockTestServices.getMockTestById(id);
} catch (error) {
const message =
(error.response &&
error.response.data &&
error.response.data.message)
error.message
error.toString();
return thunkAPI.rejectWithValue(message);
}
}
);
以下是我try 映射()或访问数据的方式:
{mocktest.questionSet.map((qSet) => (
<h4 className="text-center">{qSet.setName}</h4>
))}
这就是我期望在h4标记中显示的setName 我也试过添加这个props .