1.state
第一步.首先我们要在constructor中
然后在class中调用它的时候,
就就是react的状态,和Vue 的状态Vuex 还是有很多的相似之处的.
第二步 事件的处理
同样的类似于Vue ,绑定函数,但是他都是在先自己的class 中设置的方法,并没有VUe 那样的相关的问题.
但是我们这里需要注意到一个问题就是,在es6 class 中的相关的属性,他的this 指向问题.
我们需要了解一下构造函数的作用,在构造函数中,将这个函数放置在这里.
此时绑定函数的作用,也就是一个函数体的样子,并不是说,他有多少的能力.
第三步 什么使用工厂函数,什么时候,不使用工厂函数.
就是看有没有状态的时候.
2.props
第一步 .首先我们要了解什么是属性限制
指定默认属性
第二步 关于属性的简写
第三步 props 是干嘛的
他是接受属性的,来自标签上的.
3.ref
第一步 引用对象的好处
他可以 在你点击事件的,使用this.ref 来一你用该对象上的所有一切的功能.
接下去,我们就可以,使用这个引用的对象,然后进行相关的操作了.
第二种写法
onBlur事件 失去焦点
4.一次实践
1.state props 这些的入口要放在哪里
2.父组件与子组件之间相互交互的方法
关于组建传props 我们怎么做出相应的限制
最后我们接受数据
在父组件中设置相关的函数,并传递
然后我们引用对象
总结
1.如何在子组件影响父组件,我们通过父组件先将函数传给子组件,再由子组件调用
2.同时我们要注意,这两个函数我们都只是借用函数体而已.所以必须都要在构造函数中绑定相应的this.
我们要注意父子关系不是继承关系
同时在编程的时候,我们应该要注意到,一个编写流程的问题
输入input react 触发onchange
关于受控组件和非受控组件
ref 引用,然后直接去读取value值得,这就是非受控组件
,你是通过事件触动state的改变,然后我们通过读取state就可以获取相应的数据,这就是受控制组件.
使用prevent 来禁止一些事情
react 官方推荐使用受控组件,不要在过渡使用ref,多使用状态.同样在Vue 总一样.
5.需要注意的点
1.根标签只能有一个