React 开发注意事项,注意点
2015-12-11 14:35
381 查看
react优势:
仅仅只要表达出你的应用程序在任一个时间点应该长的样子,然后当底层的数据变了,React 会自动处理所有用户界面的更新。数据变化后,React 概念上与点击“刷新”按钮类似,但仅会更新变化的部分。
React 都是关于构建可复用的组件,使代码复用、测试和关注分离(separation of concerns)更加简单。
注意点:
加载组件的首字母大写,比如:<HeaderComponent />每一个组件的render最外层都要有一个包裹元素
this.props不能修改,this.state可以修改
页面oclick事件在ios中的Safari不起效果,onClick={this.detail.bind(this, item)} 需要使用其他方式,比如jQuery的绑定事件
string转换成html,dangerouslySetInnerHTML={{__html: ''}}
getInitialState:在组件挂载之前调用一次。返回值将会作为
this.state的初始值。
getDefaultProps:在组件类创建的时候调用一次,然后返回值被缓存下来。如果父组件没有指定 props 中的某个键,则此处返回的对象中的相应属性将会合并到
this.props(使用
in检测属性)。
该方法在任何实例创建之前调用,因此不能依赖于
this.props。另外,
getDefaultProps()返回的任何复杂对象将会在实例间共享,而不是每个实例拥有一份拷贝。
组件的生命周期:
componentWillMount:服务器端和客户端都只调用一次,在初始化渲染执行之前立刻调用。
componentDidMount:
在初始化渲染执行之后立刻调用一次,仅客户端有效(服务器端不会调用)。
componentWillReceiveProps:
在组件接收到新的 props 的时候调用。在初始化渲染的时候,该方法不会调用。
shouldComponentUpdate:
在接收到新的 props 或者 state,将要渲染之前调用。该方法在初始化渲染的时候不会调用,在使用
forceUpdate方法的时候也不会。
如果确定新的 props 和 state 不会导致组件更新,则此处应该
返回 false。
componentWillUpdate:
在接收到新的 props 或者 state 之前立刻调用。在初始化渲染的时候该方法不会被调用。
componentDidUpdate:
在组件的更新已经同步到 DOM 中之后立刻被调用。该方法不会在初始化渲染的时候调用。
componentWillUnmount:
在组件从 DOM 中移除的时候立刻被调用。
相关文章推荐
- 反应器(Reactor)模式
- 反应器(Reactor)模式
- ReactNative 开发入门教程
- React的第一个例子
- dangerouslySetInnerHTML, 让React正常显示你的html代码
- React Native Mac配置指南
- Qumulo仪表盘前端开发技术:React + D3.js
- iOS ReactNative环境配置搭建安装React-Native遇到的问题
- React-Native入门
- react-native laoding statical image for android rn android平台下加载本地图片
- react-native laoding native image for android 加载静态图片
- Reactor设计模式
- react编译器jsxTransformer,babel
- react应用更新引入react-native-code-push
- ReactiveCocoa RACObserve subscribeNext 时,只有值不一样时才响应
- 深入浅析react native es6语法
- React操作表单
- 学习ReactiveCocoa教程 (整理的资料)
- react-native组件的生命周期
- reactjs新手篇this.props