react.js - react里的this.props

问题描述

问 题

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

解决方案

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

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>
        )
    }
});

这篇关于react.js - react里的this.props的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！