如何使用Axios发布嵌套的JSON对象？

Question

我正构建一个通过Wordpress REST API与Wordpress安装交互的React应用程序。现在我正在尝试创建一个用户可以更新其个人信息的表单：提交表单时，我调用以下操作，该操作接收表单数据并发送POST请求：

export const updateUserInfo = ( userInfo ) => async ( dispatch, getState, api ) => {

    // userInfo looks like this:
    // {
    //     "firstname": "John",
    //     "lastname": "Doe"
    // }

    const userID = getState().currentUser.ID.data; 

    const postUserInfo = {
        "personal_info": userInfo
    }

    const requestAuth = {
        'headers': {
            'Content-type': 'application/json', 
            'Authorization': 'Bearer ' + cookies.get( 'userToken' )
        }
    }

    await api.post( '/wp-json/wp/v2/users/' + userID, postUserInfo, requestAuth ); 

}

POST请求成功（200代码），并且有效负载看起来也正确：

{
    "personal_info": {
        "firstname": "John", 
        "lastname": "Doe", 
    }
}

但令人遗憾的是，用户的信息没有得到更新，所以价值观＆＃34; John＆＃34;和＆＃34; Doe＆＃34;永远不会发布......

当收到的userInfo不是一个对象而是一个简单的值时，我有类似的请求工作，这使我认为问题在于嵌套对象。