Ошибка типа: _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 функционируют как реквизиты из родительского компонента, привяжите this к этому реквизиту.

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

или вы можете привязать это к 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>
        );
   }
}

Answer 2

вам нужно связать this

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