Skip to content

Latest commit

 

History

History
47 lines (37 loc) · 1.53 KB

README.md

File metadata and controls

47 lines (37 loc) · 1.53 KB

taro3.0+dva+mocker+request

基于 taro3.x 搭建的简易框架,集成了 dva,taro-request,eslint 检查等

Taro 路由配置

Taro中的路由设置跟React是不同的,它是通过app.jsx中的pages来配置的,并且谁配置在第一个数组位置,谁就是默认打开的首页

在/src/app.jsx下,然后pages的数组里面加入

pages: [
    'pages/blog/blog',
    'pages/index/index'
],

页面间的跳转

Taro提供了6个相关的导航API,我们可以使用这些API进行跳转,需要注意的是这些有些是小程序专用的。

  • navigateTo: 最基本的跳转方式,可以返回上级页面。三端都支持的,小程序、H5、React Native。
  • redirectTo:不记录上集页面,直接跳转。三端都支持的,小程序、H5、React Native。
  • switchTab: Tab之间进行切换,这个要配合Taro的导航栏一起使用,三端都支持的,小程序、H5、React Native。
  • navigateBack: 返回上一级页面,这个在小程序中常使用,三端都支持的,小程序、H5、React Native。
  • relaunch:关闭所有额面,打开到应用内某个页面。三端都支持的,小程序、H5、React Native。
  • getCurrentPages:获取当前页面信息所用,这个H5是不支持的。(注意)

Taro中JSX的列表渲染

{ glsp.map((item,index)=>{
    return (
        <View>{item.name}</View>
    )
}) }

在JSX中使用逻辑判断

<view>
    是:{Num==1?'joy':'role'}
</view>
//or
<view>
    是:{Num==1 && 'joy' || 'role'}
</view>