React pass prop as function then call it error

Question

I have this component A

resetSelectedDates = () => {
    this.setState({
        from_date: null,
        to_date: null
    })
}

render(){
   return(
      <Calendar resetDatePicker={this.resetSelectedDates} />
   )
}

as you can see it passed a function to component B

In component BI call the function like this

    fire(){
        this.props.resetDatePicker.call(null)
    }

<a onClick={this.fire.bind(this)}>Fire</a>

I got error of Cannot read property 'call' of undefined

But in my constructor of component BI did have resetDatePicker when I do console.log

Answer 1

在组件B中试试这个：

<a onClick={() => this.props.resetDatePicker()}>Fire</a>