对react的粗略认识

一、模板和组件类的概念

组件类:不能用h5标签定义

模板:用来存放已经定义好的组件标签

两者关系:组件类,不能是已经存在的标签;首字母必须大写。

二、jsx语法:遇到html标签,正常写;注意js语言要写在{}内;jsx语言写在模板中。

三、props和refs以及state

1.props是当前组件的组件标签身上的而所有属性和子节点构成的集合。

对于组件标签的子节点,我们可以发现他是一个数组,有时候还是一个json,还会是undefined。

这样对于我们便历就增加了不少麻烦。

所以说react自己有一个方法,专门针对组件标签的子节点的遍历的。React.Children.map()。

2.用于获取我们的虚拟dom的,给你需要获取的dom节点添加ref属性,就可以通过this.refs获取真实dom。

扫描二维码关注公众号,回复: 2469454 查看本文章

注意,因为虚拟dom只有等到被插入文档之后才能获取,所以往往这里需要使用时间来触发。

3.state和props一样的,props是一个静态值,一旦设定不需要改变了,往往是请求的网络地址。

state是一个状态值,这个值可以发生改变。改变这个状态值,react有自己的方法。this.setState()。

 

 

 

 

 

猜你喜欢

转载自www.cnblogs.com/myhanyu/p/9393253.html