react基础概念

react基础概念

ID:37904862

大小:29.00 KB

页数:4页

时间:2019-06-02

react基础概念_第1页
react基础概念_第2页
react基础概念_第3页
react基础概念_第4页
资源描述:

《react基础概念》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、1、varTable=require('../components/table');依赖加载2、getInitialState:function(){componentDidMount:function(){在初始化渲染之后立刻调用,仅客户端有效 3、componentWillReceiveProps在组件接收到新的props的时候调用。在初始化渲染的时候,该方法不会调用,4、遇到HTML标签(以 < 开头),就用HTML规则解析;遇到代码块(以 { 开头

2、),就用JavaScript规则解析 React组件样式是一个对象,所以第一重大括号表示这是JavaScript语法,第二重大括号表示样式对象。在这一行代码中有Java嵌入html的部分5、varLetterAccepted=React.createClass({6、添加组件属性,有一个地方需要注意,就是 class 属性需要写成 className 7、this.props 对象的属性与组件的属性一一对应,但是有一个例外,就是 this.props.children 属性。它表示组件的所有子节点6、这里需要注意, this.props.

3、children 的值有三种可能:如果当前组件没有子节点,它就是 undefined ;如果有一个子节点,数据类型是 object ;如果有多个子节点,数据类型就是 array 。所以,处理 this.props.children 的时候要小心。为什么message-view中没有7、组件免不了要与用户互动,React的一大创新,就是将组件看成是一个状态机,一开始有一个初始状态,然后用户互动,导致状态变化,从而触发重新渲染UI8、由于 this.props 和 this.state 都用于描述组件的特性,可能会产生混淆。一个简单的区分方法

4、是,this.props 表示那些一旦定义,就不再改变的特性,而 this.state 是会随着用户互动而产生变化的特性。9、React为每个状态都提供了两种处理函数,will 函数在进入状态之前调用,did 函数在进入状态之后调用,三种状态共计五种处理函数。10、componentWillReceiveProps(objectnextProps):已加载组件收到新的参数时调用11、