React/Redux에서 JSON API 구조를 따라 데이터를 게시하는 방법

Question

React에서 양식을 만들었으며 JSON API 구조가있는 API가 있습니다 (즉, data: [] 속성의 응답 포함). 그리고 Axios과 redux-thunk을 사용하여 데이터를 가져 왔습니다.

{ 
    data: [{ 
    title: '', 
    phone: '', 
    email: '', 
    description: '' 
    }] 
} 

: 그것은 axios, redux-thunk, action 및 reducer를 사용하여 JSON의 API 규칙을 다음 그래서 그것을 변환 어떻게

{ 
    title: '', 
    phone: '', 
    email: '', 
    description: '' 
} 

:

형태 state에서 오는 데이터는이 구조를 가지고

여기가 내가 붙어있어 :

Redu CER :

export default function roleReducer(state = [], action) { 
    switch(action.type) { 
    case types.SAVE_ROLE_SUCCESS: 
     return [ 
     ...state, 
     Object.assign({}, action.role) 
     ]; 

    default: 
     return state; 
    } 
} 

작업 :

export function saveRoleSuccess(role) { 
    return { 
    type: types.SAVE_ROLE_SUCCESS, 
    role, 
    }; 
} 

썽크 :

export function saveRole(role) { 
    return (dispatch, getState) => { 
    return axios.post(apiUrl, role) 
     .then(savedRole => { 
     console.log('Role: ', savedRole); 
     dispatch(saveRoleSuccess(savedRole)); 
     console.log('Get state: ', getState()); 
     }) 
     .catch(error => { 
     if (error) { 
      console.log('Oops! Role not saved.', error); 
     } 
     }); 
    }; 
} 

내가 JSON에 새로운 데이터를 포맷 할 경우 어떤 확실하지 않다 API 구조.

Answer 1

100 % 확실하지만, 여기 생각 : 당신은 실제로 데이터를 전송하지 않을

return axios.post(apiUrl) 

. 당신이하고 싶다고 생각합니다 :

const dataToPost = { data: [ role ] }; //wrap the role in an array and an object 
return axios.post(apiUrl, dataToPost); //send the data