React再学习4_ref使用和约束

版权声明:随意了,开心就好。反正是给大家分享的笔记 https://blog.csdn.net/u011486491/article/details/82421223

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进行相应的转化。

猜你喜欢

转载自blog.csdn.net/u011486491/article/details/82421223