关注互联网应用及运维技术的个人博客

React常用属性及标记

React在内存中创建一个虚拟的DOM,即为React-Dom,渲染器基于更改对浏览器DOM进行更新【只更新发生改变的部分】。

ReactElement

ReactDomElement,DOM元素的虚拟表示

ReactComponentElement,对应React组件的一个函数/类。

React.createElement(type,props,children):创建react元素

参数type,表示HTML元素标签,参数的形式是组件或者字符串;

参数props,表示定义元素属性,是一个属性对象;

参数children,子元素

createElement:简单表示就是创建什么、如何配置它、它包含什么。很多react组件就是react元素的集合。

高阶组件:不直接显示任何东西,而是修改或者增添其他组件的组件。

React类创建的组件拥有存储数据的支撑实例,只需返回单个react元素render。

state:程序在某个特定时间事物的信息

state、props是React组件处理数据、通信的两种方式。

react通过this.state属性来访问可变状态,this.props属性来访问不可变状态;

state是react进行追踪的特殊属性,props是react传递不可变数据的主要方式。

React组件卸载是从DOM中移除组件的过程。

ComponentWillUnmount:监听组件卸载时的操作;

componentDidCatch(error,errorInfo):捕捉构造函数、渲染和生命周期方法中未捕获的错误;

当组件被移除之后,ComponentDidUnmount的生命周期就结束。

shouldComponentUpdate决定是否调用componentWillUpdate和componentDidUpdate。

ComponentWillMount挂载组件(即将挂载)

ComponentDidMount完成组件挂载【访问组件的状态属性、组件准备更新状态】。

react-redux

action、reducer、store。

store:状态来源

将action绑定到组件的action属性上

<Provider />将组件链接到Redux store。将store作为属性传注入组件。

react-redux的connect工具函数,它会传入一个函数,mapSateToProps【接收一个状态作为参数,返回一个对象,与组件属性合并。第二参数mapDispatchToProps,将action绑定到组件上,该参数里面有一个dispatch函数,它就是注入到组件的dispatch方法。

reducer,是一个纯函数,负责计算store如何改变。在一个应用中出现多个reducer,分别负责store一个切片,使用Redux的combineReducer合并reducers成一个reducer

赞(1)
未经允许不得转载:飞天狒狒 » React常用属性及标记

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址