首页 > React 父组件如何获取子组件的ref值?

React 父组件如何获取子组件的ref值?

React 父组件如何获取子组件的ref值?
父组件:

const registerStepTwo = React.createClass({
    handleChange:function(){
        var confirmPassText =  this.refs.confirmPassText.value;
        console.log(confirmPassText)//子组件ref的值取不到
    },
    render(){
        return(
            <div>
                {navBar}
                <div className="list-ul">
                    <ul>
                        <ConfirmPass  ref="confirmPassText" onChange={this.props.handleChange}  />
                    </ul>
                </div>
            </div>
        )
    }
})

子组件:

   const ConfirmPass = React.createClass({
        render(){       
            return(
                <div>
                    <li>
                        <div className="registerLeft">
                        <input ref="confirmPassText" type="password"  onChange={this.handleChange}   className="loginText" />
                        </div>
                    </li>
                </div>
            )
        }
    })
    
    
    

this.props.handleChange改成this.handleChange。

handleChange是你这个组件的函数,不是传进来的属性。


你的handleChange没有绑定作用域在父组件,放你在子组件执行时作用域在子组件当然取不到。

【热门文章】
【热门文章】