一:组件三大属性之一:props属性

1:每个组件对象都有props属性(默认为空)

2:组件内部标签的所有属性都存在props中(某次实例中传入的属性都默认在props中)

3:内部读取某个值的:this.props.propsname

4:通过标签属性从组件外传递至组件内(只读)

REACT的学习心得三:

工厂函数用声明形参:

REACT的学习心得三: 

5:设置组件的默认props值:

REACT的学习心得三:

6:设置props属性的必要性和数据类型(需要先引入库())

REACT的学习心得三:

7:组件嵌套

组件嵌套:就是利用组件属性不断地传递参数

REACT的学习心得三:

 二:组件三大属性之refs

1)

1:组件内的标签都可以定义ref属性来标识自己

2:组件中可以通过this.refs.refName来得到真实的DOM对象

3:作用:用于操作指定的ref属性dom元素对象(表单标签居多)

        <input ref = 'username'></input>

         this.refs.username:返回input对象

2):事件处理:

1:通过onXxx属性指定组件的事件处理函数

       React是通过自定义(合成)事件,而不是使用的DOM事件

       React中的事件是通过委托方式进行处理的(委托给组件最外层的元素)

       注:在自定义方法内我们指定的this指向null

 

相关文章:

  • 2021-11-11
  • 2021-05-29
  • 2022-12-23
  • 2022-12-23
  • 2021-04-16
  • 2022-12-23
  • 2022-12-23
  • 2021-12-19
猜你喜欢
  • 2021-12-05
  • 2021-08-19
  • 2022-12-23
  • 2021-11-08
  • 2021-08-18
  • 2021-08-05
  • 2021-06-11
相关资源
相似解决方案