Asynchronous setState for React

react-async-setstate.js

// e.g. src/lib/helpers.js
export const createAsyncSetState = context => {
    return function(newState) {
        return new Promise(resolve => {
            context.setState(newState, resolve)
        })
    }.bind(context)
}

// Usage, e.g. MyComponent.jsx
class MyComponent extends Component {
    
    state = {
        someKey: null,
        otherKey: null
    }
    
    someComponentFn = async => {
        
        if (someCondition)
            await this.setStateAsync({
                ...this.state,
                someKey: 'foo'
            })
        
        if (someOtherCondition)
            this.setState({
                ...this.state,
                otherKey: 'bar'
            })
        
    }
    
}