React自定义组件使用onClick传参注意:onClick只是一个名字而已!

核心:

React自定义组件不是真实DOM,所以没有onClick属性,

如果对React自定义组件写上onClick,也只是个单纯的名字而已,onClick的值作为props传到子组件.

例如:

function Square(props) {
    return (
        <button
            onClick={props.onClick}
        >
        </button>
    );
}

class Board extends React.Component {
    render() {
        //实际上这个onClick是通过上面<button>的onClick来调用的
        return (
           <Square 
                //感谢这里@SuRick指出传入事件的错误
               onClick={()=>console.log('hello')} 
           />
        );
    }
}

 

问题来源: