React js state is not updating in side ajax block

Asked Mar 29 '18 at 12:08

Active Mar 29 '18 at 12:08

Viewed 22 times

$.post('/api/settings/exicution', data, (result)  => {
            $("#errorBox").hide();
            $("#successBox").show();

            this.setState({
                isSavedInDB: true
            });
}).fail((response)  => {
    console.log('error  ' + error);
    $("#errorBox").show();
    $("#successBox").hide();

    this.setState({
        isSavedInDB: false
    });
});

console.log(this.state.isSavedInDB);

if(this.state.isSavedInDB) {
    showconfrim("Do you want to add more Projects ?",e => this.addNewProject());
}

i am trying to update isSavedInDB value inside success response of ajax call. but it is not update inside the success block and error block. so can any ane help me on this.

i have decleared isSavedInDB in side my constructor state block

asked Mar 29 '18 at 12:08

Sangram Badi

4,054
9
45
78

api call will be asyn so put the condition and console.log inside success block, otherwise it will get expected before you get the data. also setState is asyn so you can't expcet the updated value just after the setState. – Mayank Shukla Mar 29 '18 at 12:11
`$.post` is async. `setState` is async. You can't expect state to be updated immediatelly after you sent a request. – Yury Tarabanko Mar 29 '18 at 12:11
so where should i update the state ? – Sangram Badi Mar 29 '18 at 12:13
1

@SangramBadi put the if condition inside a separate function and then use that function as a setState callback, like this: `this.setState({...}, () => this.functionName())`. – Mayank Shukla Mar 29 '18 at 12:21
let me check your answer – Sangram Badi Mar 29 '18 at 12:28
1

@MayankShukla thanks for your reply. it's working – Sangram Badi Mar 29 '18 at 12:29
@SangramBadi check this answer, why setState callback is required: [**LINK**](https://stackoverflow.com/questions/42593202/why-calling-setstate-method-doesnt-mutate-the-state-immediately/42593250#42593250) – Mayank Shukla Mar 29 '18 at 12:35

React js state is not updating in side ajax block

0 Answers0