AxiosのコールバックがGETで反応しました

Question

Axiosのリクエストが行われている間にローディングスピナーを表示しようとしていますので、リクエストからコールバックが必要だと思います。データが取得されたときに、うまくいけば、調光器（スピナー）がそのseStateコールのオフに基づいて離れて行きます

componentDidMount() { 
    this.props.fetchCloudProperties(() => { 
    this.setState({ dim : false }); 
    }); 
} 

：私はそうのようなcomponentDidMount()でGET要求を呼び出します。私はポストとコールバックを持っているが、取得して1つを行ったことがない。データのための私のgetアクションがされています。今のコンソールは、私はそれが何を意味するのかわからない「アクションは、プレーンオブジェクトでなければならない」文句を言っている

export function fetchCloudProperties(callback) { 
    const VARIABLE_URL = '/cloud/properties'; 
    const request  = axios.get(`${ROOT_URL}${VARIABLE_URL}`) 
    .then(request => { 
     return ({ 
     type : FETCH_CPS, 
     payload : request 
     }); 
    }).catch((error) => { 
     console.log(error); 
    }) 
} 

、だけでなく、私はそれが未処理の拒絶」について不満を見てきましたそれほど確実ではありません。

EDIT：は、私は、コールバックを使用していますcreateCloudProperty方法を持っているし、それが正常に動作します：から呼び出される

export function createCloudProperty(values, callback) { 
    const VARIABLE_URL = '/cloud/property'; 
    const request  = axios.post(`${ROOT_URL}${VARIABLE_URL}`, values) 
    .then(() => callback()); 

    return ({ 
    type : CREATE_CP, 
    payload : request 
    }); 
} 

：

onSubmit(values) { 
    this.props.createCloudProperty(values,() => { 
    this.props.history.push('/cloudproperties'); 
    }); 
} 

Answer 1

あなたがリクエスト/レスポンスを渡すことはできませんそれは普通の物体ではないからです。応答データを使用する必要があります。

export function fetchCloudProperties(callback) { 
    const VARIABLE_URL = '/cloud/properties'; 
    const request  = axios.get(`${ROOT_URL}${VARIABLE_URL}`) 
    .then(response => { 
     return ({ 
     type : FETCH_CPS, 
     payload : response.data 
     }); 
    }).catch((error) => { 
     console.log(error); 
    }) 
}