混合App

2019-05-13  本文已影响0人  Mrs祝

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中的值 单值传递,多值传递,父向子传递

上一篇下一篇

猜你喜欢

热点阅读