通常,当我单击子组件中的菜单项时,它会调用 {this.handlesort},这是一个本地函数。处理排序从我的父组件接收 onReorder 道具。{onReorder} 调用名为 reOrder 的本地函数。它设置 {orderBy 和 orderDir} 的状态。问题是,当我单击 {menuitem} 时,它立即返回此错误。(未捕获的类型错误:无法读取未定义的属性“onReOrder”)。通常它在我不使用 es6 时工作。请帮忙
(父组件)
export default class TenantView extends Component {
constructor(props) {
super(props);
//setting state
this.state = {
//tenants: [],
orderBy: 'name',
orderDir: 'asc',};
};
componentWillMount() {
this.setState({
tenants:[{img: 'tenant1.jpg',name: 'John', address: '7 Gilbert',
paid: 'true'},{img: 'tenant2.jpg',name:'Abba', address:
'3 Vecq st', }]});//setState
}//componentWillMount
reOrder(orderBy, orderDir) {
this.setState({
orderBy: orderBy,
orderDir: orderDir,
});//setState
}//reorder
render(){
var tenants = this.state.tenants;
var orderBy = this.state.orderBy;
var orderDir = this.state.orderDir;
tenants …Run Code Online (Sandbox Code Playgroud)