在项目开发过程中难免会从操作dom,在react中获取dom的方式
(1)ref(已废弃)
//绑定ref
<input ref="getInput"/>
//获取dom元素的值
console.log(this.refs.getInput.state.value)
(2)React.createRef()(推荐使用)
export default class Header extends Component {
constructor(props){
super(props)
this.todoInput = React.createRef()
}
handleEnter = (event) => {
//即可获取dom的值
console.log(this.todoInput.current.state.value)
}
render() {
return (
<div className="header">
<Input placeholder="回车确认" ref={this.todoInput} onPressEnter={this.handleEnter}/>
</div>
)
}
}