Curried function not getting called in componentDidMount

Question

componentDidMount() {
    this.onRefresh(this.props.subdomainConfig)
}

onRefresh = config => () => {
    console.log('onRefresh', config)
}

In this react component the onRefresh function is not getting called at all when component mounts. If I use this function for RefreshControl then it is getting called.

<ScrollView
    refreshControl={
        <RefreshControl
            refreshing={this.state.refreshing}
            onRefresh={this.onRefresh(this.props.subdomainConfig)}
        />
    }>
    <ZoneListComponent
        zones={zones}
        onPressEdit={this.onPressEdit}
    />
</ScrollView>

Appreciate if someone can tell me why this is not getting called in componentDidMount but works for RefreshControl.

`this.onRefresh(this.props.subdomainConfig)` returns a function, to invoke it you need an additional pair of parentheses at the end. — Hunter McMillen, Aug 16 '18 at 18:47

score 4 · Accepted Answer · answered Aug 16 '18 at 18:48

4

onRefresh returns a function but doesn't call it. Change that to

componentDidMount() {
    this.onRefresh(this.props.subdomainConfig)();
}

answered Aug 16 '18 at 18:48

larz

5,724
2
11
20

Curried function not getting called in componentDidMount

1 Answers1