react基础知识总结(一)

1、react组件类的首字母名称必须大写。
2、组件类中的模板只能有一个顶层标签。
3、组件上的class属性改为className属性。
4、for属性改为htmlFor。
5、使用React.createClass({})生成组件类。
6、组件标签上可以添加任意属性,使用this.$props.属性名称获取属性值。
7、this.props.children用于获取组件的子节点,它的值有三种可能,当前组件中如果没有子组件,则值为null,有一个子节点,则值为对象,有多个子节点,则为数组。用数组方法map遍历对前两种情况就不起作用,react专门提供了一个叫React.children.map的方法用于遍历this.props.children。
8、propTypes,组件属性类型检查。
9、getdefaultprops,设置默认属性值。
10、react节点上的事件使用驼峰命名法,必须写在{}。
11、表单中的值不能使用this.props读取,只能通过定义一个onChange事件的回调函数,然后通过event.target.value读取用户输入的值。
12、React的生命周期分三个状态分别是mount update unmount。
13、定义组件的方法:
(1)、React.createClass(),定义在组件中的方法this指向组件本身。
(2)、构造函数定义组件,没有state状态,没有生命周期,不能访问this。就是一个纯粹的静态页面.
(3)、class定义组件,class中的事件函数中的this不是指向组件本身是null。通过class创建的组件的成员函数需要手动绑定。在class定义组件中添加state状态
14、Refs属性
通过操作虚拟dom来获取真实dom。
如何获取真实dom,第一种 ref后面是字符串。
1.给想要获取的元素身上加ref属性
2.第二种 ref后面是一个箭头函数

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值