混合App

Diff算法
react
node_modules:安装的所有依赖的模块
package.json:自定义项目的基本信息
public中的index.html:渲染模板
meat标签引入的主页一个自适应的viewport声明
link标签引入项目基本配置文件anifest.json和图标
react渲染div
react ES6语法

constructor(props){
super(props);
this.state={opacity:1.0};
}
react 基础
componentWillMount
render:根据props和state返回一个react元素,不负责渲染,不能执行任何副作用,如状态的改变。
componentDidMount:this.getDOMNode()调用,this.setState渲染
componengtWillRecriveProps(nextProps):nextProps新传进来的参数。调用setState,this.state更新后的
shouleComponentUpdate(nextProps,nexyState):不能调用setState
componentWillUpdate(nextProps,nextState):不能调用setState
render
componentDidUpdate(prevProps,prevState)
componentWillUnmount

props:
<Component data="测试props"/>
Component组件中this.props.data可取得data中的值 单值传递,多值传递,父向子传递

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 8,545评论 1 33
  • 40、React 什么是React?React 是一个用于构建用户界面的框架(采用的是MVC模式):集中处理VIE...
    萌妹撒阅读 1,075评论 0 1
  • 3. JSX JSX是对JavaScript语言的一个扩展语法, 用于生产React“元素”,建议在描述UI的时候...
    pixels阅读 2,908评论 0 24
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,862评论 1 18
  • 说在前面 关于 react 的总结过去半年就一直碎碎念着要搞起来,各(wo)种(tai)原(lan)因(le)。心...
    陈嘻嘻啊阅读 6,936评论 7 41