React再学习4_ref使用和约束

React再学习4

Ref自定义属性

ref相当于当前dom节点的引用，给他命名下，然后再需要的时候世界从refs中调用，然后对其进行操作。

我们也可以写成这样

直接给当前的dom命名，然后我们都不用经过refs就能直接用了

 

约束性和非约束性的组件

约束性：由react接管了value

value值受到状态的限制

非约束性：有原生的DOM接管

value值是默认的default

约束性就类似于mvvm实现双向数据绑定，为了实现双向数据绑定我们可以这么写：

我们设定了value值为state.value,这样在点击事件之后通过事件对象就可以拿到修改的value了，然后再设置会state的value中从而实现更新。

对于用不到value的地方，我们可以通过其他方式进行转化，然后再加以利用。如checkbox这里

我们需要的是true或者是fale，但是我们可以根据value中的man或者woman进行相应的转化。