react子组件向父组件传值

黑色框为父,绿色框为子,红色框为孙子。父向子孙传值用props;子孙向父传值,要在父设置接收函数和state,同时用props将函数名传入子孙。(总的来说就是给子组件传入父组件的方法,在子组件中调用)

//孙子组件
var Grandson = React.createClass({
    render: function(){
        return (
            
{this.props.name}:
) } }); //子组件 var Child = React.createClass({ render: function(){ return (
{this.props.name}:
) } }); //父组件 var Parent = React.createClass({ getInitialState: function(){ return { username: '', sex: '' } }, handleVal: function(value){ this.setState({username: value}); }, handleSelect: function(value) { this.setState({sex: value}); }, render: function(){ return (
用户姓名:{this.state.username}
用户性别:{this.state.sex}
) } }); React.render( , document.getElementById('test') );

参考:https://blog.csdn.net/qizhiqq/article/details/52384554

你可能感兴趣的:(react子组件向父组件传值)