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(){
返回(
);
}
}