javascript - TypeError : _this. props.menuData 不是reactjs中的函数

Question

我试图在提交时从子组件传递一个对象，但我是出现上述错误

下面是子组件和父组件中的代码

overideChange = (e) => {
      let menuObj = {
            currency: e.target.currency.value
      }
      this.props.menuData(menuObj);             
}

<OlmiGridNavMenu  menuData={this.menuData} />

menuData(data) {
      console.log('data--->', data);
}

Answer 1

在从父组件发送 menuData 函数作为 props 之前，将 this 绑定(bind)到该 props。

<OlmiGridNavMenu  menuData={this.menuData.bind(this)} />

或者您可以将其绑定(bind)到类构造函数中的menuData。

class ParentComponent extends React.Component {
    constructor(props) {
        super(props);
        this.menuData = this.menuData.bind(this);
    }

    menuData(data) {
        console.log(data)
    }

   render() {
        return(
            <div>
                <OlmiGridNavMenu  menuData={this.menuData} />
            </div>
        );
   }
}