关于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，那应该就没问题了，视频里大概就是这个原因报错吧