react的ref作用

73 阅读1分钟

react的ref作用;组件内部的标签可以定义ref属性来标识自己

两种方式来标识自己

1.标签内部通过回调函数;

2.通过this.ref来获取真实dom;

class Input extends React.Component {
    onClick = () => {
        console.log(this.input.value);
        console.log(this.refs.myP);
    }
    render() {
        return(
            <div>
                <input type="text" ref={(input) => {this.input = input}} />
                <p ref="myP">这是p段落</p>
                <button onClick={this.onClick}></button>
            </div>
        )
    }
}