javascript - React 将 prop 作为函数传递，然后调用它 error

Question

我有这个组件A

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

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

正如你所看到的，它向组件 B 传递了一个函数

在组件 B 中我这样调用函数

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

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

我收到错误无法读取未定义的属性“call”

但是在组件 B 的构造函数中，当我执行 console.log 时，我确实有 resetDatePicker

Answer 1

在你的组件 B 中尝试一下:

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