关于react的一个报错问题，求大神指点

Question

//父组件
import React,{Component,Fragment} from 'react';
import TodoItems from './TodoItems'
    class Todolist extends Component {	
        render(){		
        return(			
        <Fragment><TodoItems del={this.show}/></Fragment>	
        )	
        }		
        show(){	
            alert(1)
            }
}

export default Todolist;






//子组件

import React,{ Component } from 'react';
class TodoItems extends Component{	
    constructor(props){		
    super(props)		
    this.handleDel = this.handleDel.bind(this)	
}	
render(){		
    return(			
        <div onClick={this.handleDel}>1111</div>
        )	
}	
handleDel(){	
    this.props.del()	//这里子组件调用了父组件的方法，this.props.del相当于就是执行父组件的this.show，但是子组件中并没有show这个方法，为啥不报“this.props.del not a function”这个错误呢，我看慕课上视频这里是报错了的，会不会是因为react版本不同的原因呢
}
	}
export default TodoItems;

Answer 1

主要就是this的指向问题，你在constructor里给这个方法绑定了this，那应该就没问题了，视频里大概就是这个原因报错吧