非受控组件

三次方

关注

阅读 156

2022-11-18


说明: 借助ref,使用原生DOM方式来获取表单元素值
ref的作用: == 获取DOM或者组件==

import React from 'react';

export class Feishoukong extends React.Component {
constructor () {
super()
// 1、调用React.createRef()方法创建一个ref对象
this.txtRef = React.createRef()
};
handle = ()=> {
// 3、通过ref对象获取到文本框的值
console.log(this.txtRef.current.value)
};
render() {
return (
// 2、将创建好的ref对象添加到文本框中
<input type="text" ref={this.txtRef} onChange={this.handle} />
)
}
}


精彩评论(0)

0 0 举报