Получение [объекта объекта] из action.payload

Question

Когда я отправляю генератор действий getUser. Я получаю Есть ли проблема в моем коде?

//ACTION

export const getUser = (uid) => dispatch =>{

    console.log('hellow from getuser');
    return axios
            .get(`url/${uid}`)
            .then((res) =>{
                const userData = res.data;
                console.log(userData);
                dispatch({
                    type: USER_DETAILS,
                    userData
                });
            }
        )
};

//REDUCER

const userReducerDefaultState = [];

const userReducer = (state = userReducerDefaultState, 
action) =>{
console.log(action.userData); //*1
switch(action.type){
    case 'USER_DETAILS':{
        console.log('hi'+{...action.userData}); //*2
        return[
            ...state,
            action.userData
        ]
    }

Когда я отправляю getUser, я получаю «Hi [object object]» из * 2 console.log. Но получил следующие данные из * 1 Console.log. Это также нужные данные из * 2.

bio:null
followers:[]
followings:[]
name:"saheb"
posts:(5) [{…}, {…}, {…}, {…}, {…}]
__v:0
_id:"y08RxtsHeacQTwiuNTAA"

Answer 1

вы можете сделать это

console.log('hi',{...action.userData})