React | 受控 & 非受控组件

受控：如果有 value 那么就属于受控，永远使用 value 的值 非受控：否则属于非受控，由组件使用内部 value 的值，并且通过 defaultValue 设置默认值

受控这个概念在Vue/小程序中似乎是没有的，或者说是半个非受控半非受控，即使只设置了value，用户还是可以随意输入，但我们又可以通过value来给组件赋值，如下：

<view class="container">
	<!-- 可以随意输入 不受mobile的影响 !-->
    <input value="{{mobile}}"></input>
    <button class="weui-btn" type="defult" bindtap="fuzhi">赋值</button>
</view>

const app = getApp()
Page({
  data: {
    mobile: "134251"
  },
  fuzhi(){
    this.setData({
      mobile: "new mobile"
    })
  }
})

而在React中 对于受控组件，必须通过state来改变value，才能渲染Input的输入。 对于非受控组件，如果想在react中做一个非受控但又需要赋值的input，就需要用ref去绑定节点，直接修改dom的值了。