1. 两种获取dom节点 的方式
import React, {Fragment} from 'react'
class Test extends React.Component {
constructor(props) {
super(props);
// 创建
this.third = React.createRef();
}
componentDidMount(){
// note: 不同的方式创建ref, 取值方式不同
console.log(this.second) // <input value="second">
console.log(this.third.current); // <input value="third">
}
render() {
// 赋值
return (
<Fragment>
<input value="second" ref={(inputRef) => this.second = inputRef} />
<input value="third" ref={this.third} />
</Fragment>
)
}
}
export default Test
进阶:React.forwardRef