我试图在提交时从子组件传递一个对象,但我是 出现上述错误
下面是子组件和父组件中的代码
overideChange = (e) => {
let menuObj = {
currency: e.target.currency.value
}
this.props.menuData(menuObj);
}
<OlmiGridNavMenu menuData={this.menuData} />
menuData(data) {
console.log('data--->', data);
}
最佳答案
在从父组件发送 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>
);
}
}
关于javascript - TypeError : _this. props.menuData 不是reactjs中的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60842789/