taro多端框架理解与使⽤知识点
1.taro是⼀套遵循react语法规范的多端开发的解决⽅案；
2.使⽤taro，只书写⼀套代码，再通过taro的编译⼯具，将源代码分别编译出可以在不同端（⼩程序，h5，RN等）运⾏的代码；
3.taro安装：安装taro开发⼯具@tarojs/cli；使⽤npm或者yarn全局安装，或者直接使⽤npx；$ npm install -g @tarojs/cli (常⽤）；$ yarn global add @tarojs/cli;
4.taro使⽤：
使⽤命令创建模板项⽬ ：taro init myApp
开发期启动命令：npm run dev ：h5    WEB
npm run dev ：weapp    ⼩程序
npm run dev ：alipay      ⽀付宝⼩程序
npm run dev ：swan        百度⼩程序
npm run dev ：rn              ReactNative
5.⽣命周期以及state：
tarojs 状态更新⼀定是异步的；React中的状态更新不⼀定是异步的；同React⼀致，更新数据必须调⽤setState⽅法，从直接赋值是不会更新组件的（eg错误：this.state.name = "张三“(直接⽤不可以，但是可以⽤在setState的回调函数⾥就⽣效可⽤了)；正确：this.setState({name:"张三”}）；）
⽣命周期只对state（state进⾏数据管理）进⾏管理；
componentWillMount(){  // 第⼀次渲染之前执⾏，只执⾏⼀次  } ==>render(页⾯渲染）
componentDidMount(){  // 第⼀次渲染之后执⾏，只执⾏⼀次 eg：this.setState ({ name:"hello"},()=>{ this.state.name} }
componentWillUnMount(){  // 卸载时执⾏，只执⾏⼀次 eg：a页⾯跳b页⾯  }
reactnative开发
componentWillUpdate(){  // state数据将要更新  }
componentDidUpdate(){  // state数据更新过后  }
componentWillReceiveProps(nextProps){//会在⽗组件传递给⼦组件的参数发⽣改变时触发，在this.props时触发,props可以传递任何类型数据，函数(加on）也可以；eg：this.props.flag != nextProps.flag;⼦组件调⽤Child.defaultProps = {obj：{key：[{name：”aaa"}]}
shouldComponentUpdate(nextProps，nextState){  //⼀般⽤来多次得setState调⽤时，提升render的性能； // 检查此次setState是否要进⾏render调⽤，⼀般通过if条件判断是false还是true；return false（不调⽤）；return true（调⽤） ；eg：if（ == "李四“）return true;else return false; }
componentDidShow(){  // reactjs 是不存在的，但是在tarojs中是存在的，页⾯显⽰时触发 }
componentDidHide(){  // 页⾯隐藏时触发 }
6.路由功能
在taro中，路由功能时默认⾃带的，不需要开发者进⾏额外的路由配置。
taro默认根据配置路径⽣成了Route
我们只需要在⼊⼝⽂件的config配置中指定好pages，然后就可以在代码中通过taro提供的api来跳转到⽬的的页⾯；
7.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。