react里的this.props

Question

请问下clickResult是调用什么函数取得的结果？this.props.onClick不是一个空函数吗？

Answer 1

你可以理解为回调函数,
父组件调用子组件, 子组件在触发点击事件的时候, 会调用父组件的传入的回调函数.
例:

const fa = React.createClass({
    onFaClick(){
        alert("fa");
    },
    render(){
        return (
            <div>
                <son onClick={this.onFaClick}/>
            </div>
        )
    }
});
const son = React.createClass({
    onClick(){
        alert("son");
        if(this.props.onClick){
            this.props.onClick();
        }
    },
    render(){
        return (
            <div>
                <button onClick={this.onClick}></botton>
            </div>
        )
    }
});

Answer 2

这个组件定义了 const ｛to , ...props｝= this.props;
...props 就代表了父组件传递下来的所以的参数
例如 <Link handleClick={this.click} text="typeofsuc" />

...props 就是指(ES 6 语法)
｛handleClick：{this.click} text＝："typeofsuc"｝
直接调用就可以了，like json一样

Answer 3

父组件传递下来的onClick方法。