通過處理Redux中的操作在React Native中調用POST API時出錯

Question

我正在使用POST api調用來獲取一些數據，其中有數據和標頭的令牌值，但是響應不佳，我檢查了許多文檔，但無法弄清楚錯誤，這是代碼：

export const shareUserProfileHandler = (sharedReceiverData) => {
    return dispatch => {
        let formData = new FormData();
        for (let key in sharedReceiverData) {
            formData.append(key, sharedReceiverData[key]);
        }
         let requestConfig = {
             method: 'POST',
             headers: {
                 'Accept': 'application/json',
                 'Content-Type': 'multipart/form-data',
                 'Authorization': 'Token 97a74c03004e7d6b0658b14ddb'
             },
             body: formData
         };

        fetch(`http://api.com`, requestConfig)
        .then(response => response.json())
        .then(response => {
            alert('share user card api worked')

        })
        .catch(error => {
            alert('api error ' + error)
        })
    }
};

上面是捕獲錯誤並顯示-SyntaxError：JSON解析錯誤：無法識別的令牌“ <”

Answer 1

您的響應似乎不是JSON。

更換

.then((response) => response.json())

對於

.then((response) => { console.log('response', response); response.json() })

並檢查錯誤之前響應的問題。