其值由React控制的输入表单元素称为“受控组件”。
受控组件有两个特点：
1.设置value值时，value由state控制。
2.value值一般在onchange事件中通过setState方法进行修改。
什么时候使用受控组件？
需要对组件的value值进行修改时，使用受控组件。比如：页面中有一个按钮，每点击一次按钮受控组件的值加1.
表单数据由 DOM 处理的组件叫做“非受控组件”。
非受控组件有两个特点：
不设置value值，
通过ref获取dom节点然后再取value值
<input type="text" placeholder="请输入姓名" name='username' ref={(input) => this.usernameElem = input}/>
取值方法：this.usernameElem.value
什么时候使用非受控组件？
任何时候都不需要改变组件的value值，这时候可以使用非受控组件。
受控组件和不受控组件 受控组件是指：数据来源比较单一，非受控组件来源比较复杂。我们 应该尽量的避免使用非受控组件，...
非受控组件 受控组件
概览 文章内容选自陈屹的《深入React技术栈》，本文的主题是介绍受控组件与非受控组件。 内容 1、受控组件（Re...
受控组件 受控组件如果这个组件的状态是受react控制的就是受控组件，比如 上面的input里的name是默认我们...
受控组件： 非受控组件-使用refref第一种写法： ref第二种写法: String Ref（已过时,会被移除）...
非受控组件 1 .类似于传统的HTML表单输入，如果想要获取输入的值，从ref获取他们 2 .你需要自己从表单域中...
其值由React控制的输入表单元素称为“受控组件”。 受控组件有两个特点：1.设置value值时，value由st...
受控组件：input中的value值通过state值获取，onChange事件改变state中的value值，in...
非受控组件 1 .类似于传统的HTML表单输入，如果想要获取输入的值，从ref获取他们 受控表单 1 .接受当前值...
1.前言 之前一直没有看受控组件和非受控组件,今天抽空来 捋一下 2. 基础 首先明确受控组件和非受控组件都指的是...
本文标题：受控组件和非受控组件
本文链接：https://www.haomeiwen.com/subject/evcunhtx.html
网友评论