React 避坑记录

前几天去听了React的分享会,然后心中就开始长草,学学学!!!
下面记录些以后可能用的到的东西


20151111

1.react的map() 方法,传入值必须是 数组 !!

20151112

1.获取属性的值用的是this.props.属性名
2.创建的组件名称首字母必须大写。
3.为元素添加css的class时,要用className.
4.组件的style属性的设置方式也值得注意,要写成style=width (this.state.witdh)
5.getInitialState函数必须有返回值,可以是NULL或者一个对象。
6.访问state的方法是this.state.属性名。
7.变量用{}包裹,不需要再加双引号。

8.组件的生命周期

组件的生命周期分成三个状态:

  • Mounting:已插入真实 DOM
  • Updating:正在被重新渲染
  • Unmounting:已移出真实 DOM

React 为每个状态都提供了两种处理函数,will 函数在进入状态之前调用,did 函数在进入状态之后调用,三种状态共计五种处理函数。

  • componentWillMount()
  • componentDidMount()
  • componentWillUpdate(object nextProps, object nextState)
  • componentDidUpdate(object prevProps, object prevState)
  • componentWillUnmount()

此外,React 还提供两种特殊状态的处理函数。

  • componentWillReceiveProps(object nextProps):已加载组件收到新的参数时调用
  • shouldComponentUpdate(object nextProps, object nextState):组件判断是否重新渲染时调用

还找到了一个看似靠谱的教程ReactJS

20151114

  • this.setState 之前,必须先初始化

    getInitialState: function  () {

    return {data:[]};
    },

  • ReactDOM.render() 同时渲染多个组件时,必须先用< div>包裹

ReactDOM.render(

< div>
    < AdBox />
    < BtnContainer />
< /div>,
document.getElementById('content')

);

标签: none
返回文章列表 文章二维码
本页链接的二维码
打赏二维码