実現したかったこと
非同期通信が終了する際にloading(プログレスバー)を設け、通信に成功したタイミングで
loadingを非表示にする。
最終的なコード↓
constructor(props) { super(props); this.state = { loading: true, } //ここで、コンストラクタの段階で表示されるようにしておく 内容は気にしなくても大丈夫です。 const response = axios.post('https://onesignal.com/api/v1/notifications', message, { headers: headers }); if(response != null){ this.setState({ loading: false }); }
responseは非同期通信が成功して初めて値を格納するので
そのタイミングでloading処理を変更して上げればOK。