React(一)

特点

  • 声明式设计
  • 高效
  • 灵活
  • JSX
  • 组件
  • 单向数据流

第一个实例








JSX

JS表达式

样式

数组


HTML标签&React组件


组件



复合组件

State(状态)


Props



默认Props


State和Props


Props验证

组件API

  • 设置状态:setState
  • 替换状态:replaceState
  • 设置属性:setProps
  • 替换属性:replaceProps
  • 强制更新:forceUpdate
  • 获取DOM节点:findDOMNode
  • 判断组件挂载状态:isMounted

setState(设置状态)

组件生命周期

三个状态:
Mounting:已插入真实DOM
Updating:正在被重新渲染
Unmounting:已移出真实DOM

方法:
componentWillMount
componentDidMount
componentWillReceiveProps
shouldComponentUpdate
componentWillUpdate
componentDidUpdate
componentWillUnmount

componentDidMount示例



AJAX(待续)

表单与事件

事件

Refs


结束语

如果喜欢本文,记得点赞并加关注哟。

你可能感兴趣的:(React(一))