一、模板和组件类的概念
组件类:不能用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()。