React.js Cheatsheets

React.js 相关资料收集整理。

API

• React.Component
  • setState
  • replaceState
  • forceUpdate
  • getDOMNode
  • isMounted
  • setProps
  • replaceProps
• React.createClass
  • render
  • getInitialState
  • getDefaultProps
  • propTypes
  • mixins
  • statics
  • displayName
• React.createElement
• React.cloneElement
• React.createFactory
• React.render
• React.unmountComponentAtNode
• React.renderToString
• React.renderToStaticMarkup
• React.isValidElement
• React.findDOMNode
• React.DOM
• React.PropTypes
• React.initializeTouchEvents
• React.Children
  • React.Children.map
  • React.Children.forEach
  • React.Children.count
  • React.Children.only

组件生命周期

组件的生命周期分为三个主要部分：

• 正在装载（Mounting）：组件正在插入到 DOM。
• 正在更新（Updating）：组件正在重新渲染，以确定是否应该更新 DOM。
• 正在卸载（Unmounting）：组件正在从 DOM 中移除。

正在装载（Mounting）

• getInitialState(): object 在组件装载之前被调用，有状态的组件将返回状态初始值。

• componentWillMount：在正在装载发生前立即被调用。
• componentDidMount：在正在装载发生后立即被调用。操作 DOM 节点的初始行为应该放在这里。

正在更新（Updating）

• componentWillReceiveProps
• shouldComponentUpdate
• componentWillUpdate
• componentDidUpdate

正在卸载（Unmounting）

• componentWillUnmount

装载完成可以调用的方法

• findDOMNode()
• forceUpdate()

事件系统