Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript TypeError:_this.props.menuData不是reactjs中的函数_Javascript_Reactjs_Ecmascript 6 - Fatal编程技术网

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

Javascript TypeError:_this.props.menuData不是reactjs中的函数,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,我试图在提交时从子组件传递一个对象,但我没有 获取上述错误 下面是子组件和父组件中的代码 overideChange = (e) => { let menuObj = { currency: e.target.currency.value } this.props.menuData(menuObj); } <OlmiGridNavMenu menuData={this.menuData} /&g

我试图在提交时从子组件传递一个对象,但我没有 获取上述错误

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

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

<OlmiGridNavMenu  menuData={this.menuData} />

menuData(data) {
      console.log('data--->', data);
}
overideChange=(e)=>{
设menuObj={
货币:即目标货币价值
}
this.props.menuData(menuObj);
}
菜单数据(数据){
console.log('data-->',data);
}

您需要绑定

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

您需要绑定

<OlmiGridNavMenu  menuData={this.menuData.bind(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>
        );
   }
}
类ParentComponent扩展了React.Component{ 建造师(道具){ 超级(道具); this.menuData=this.menuData.bind(this); } 菜单数据(数据){ console.log(数据) } render(){ 返回( ); } }
在从父组件发送菜单数据作为道具之前,将绑定到该道具

<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>
        );
   }
}
类ParentComponent扩展了React.Component{ 建造师(道具){ 超级(道具); this.menuData=this.menuData.bind(this); } 菜单数据(数据){ console.log(数据) } render(){ 返回( ); } }