react学习(5)

简介: react学习(5)

1:受控表单绑定
概念:使用react组件的状态(useState)控制表单的状态。
image.png

const [value,setValue] = useState('');
<input type='text' value={
   value}  onChange={
   (e)=>setValue(e.target.value)} />

2: react中获取dom(非受控的方式)
(1):使用useRef生成ref对象,绑定到dom身上。
(2):dom可用时,通过ref.current获取dom。

const inputRef = useRef(null);
<input type='text' ref={
   inputRef}/>
//console.log(inputRef.current.value);
相关文章
|
6天前
|
JavaScript 前端开发
react学习(3)创建虚拟dom的两种方式
react学习(3)创建虚拟dom的两种方式
144 66
|
6天前
|
前端开发 JavaScript 算法
react学习(1)
react学习(1)
116 66
|
6天前
|
前端开发
react学习(2)
react学习(2)
123 57
|
20天前
|
JSON 前端开发 JavaScript
|
3天前
|
前端开发 JavaScript 中间件
react学习(11)
react学习(11)
|
3天前
|
前端开发 JavaScript
react学习(10)
react学习(10)
|
4天前
|
前端开发 JavaScript
react学习(8)
react学习(8)
|
4天前
|
前端开发
react学习(7)
react学习(7)
|
5天前
|
前端开发
react学习(6)
react学习(6)
|
4天前
|
前端开发
react学习(9)
react学习(9)

热门文章

最新文章