1.应用的构建
构建静态版的组件,组件提供render方法用于渲染。最顶层的组件通过props接受数据模型。如果数据模型发生变化,则再次条用render,UI被相应更新。
单项数据流(数据单向绑定)
数据模型变化—> 调用render —> UI变化
React 中的数据流是单向的,并顺着组件层级从上往下传递.
2.state的使用
react通过state来触发基础数据模型改变,从而使UI具备交互功能。
如何确定数据是否属于state?一下三个问题帮助你确定
1).该数据是否是由父组件通过 props 传递而来的?如果是,那它应该不是 state。
2).该数据是否随时间的推移而保持不变?如果是,那它应该也不是 state。
3).你能否根据其他 state 或 props 计算出该数据的值?如果是,那它也不是 state。
3.反向数据流
子组件向父组件传递数据
使用事件完成
-
近期文章
近期评论
- VaveParo发表在《2017.0922心得》
- boom beach مهكرة发表在《使用javascript控制Flash视频的播放》
- 跨域相关原理及解决办法 | 熊二的技术博客发表在《不同跨域方法的比较》
- 熊二的技术博客发表在《js面向对象设计》
- herbert发表在《javascript图片对象》
文章归档
分类目录
功能
标签