React总述

React:声明式编程方式。

React基础原则:

1,React 界面完全由数据驱动;  

  UI = func(data) 

  只需要关心数据,设计出合理的数据模型即可。

2,React中一切都是组件;    组件是React世界中的一等公民

  用户界面就是组件

  组件可以用来来实现副作用

  组件可以嵌套包装成复杂的功能

3,props是React中组件通讯的基本方式;组件之间的语言--props

  如果父组件有话要对子组件说,应该通过props传递消息,如果子组件要和父组件通信,同样也应该支持函数类型的props。身为JavaScript的一等公民,函数可以作为参数传递,也可以作为props传递给子组件,当子组件要将数据传递给父组件时,调用这个函数类型的props即可。

  两个完全没有关系的组件如何通信:

    1):通过逐层传递的方式将两个要通信的组件关联起来。(不推荐,嵌套多了得不偿失)

    2):建一个全局对象,把两个组件要通信的数据,都挂载到这个全局对象上。(不推荐,全局变量污染,且难以维护)

    3):不通过第三方数据管理工具的情况下,可以使用context上下文。

未完待续。。。

猜你喜欢

转载自www.cnblogs.com/tdd-qdkfgcs/p/11042851.html