Taro 引入静态资源及 路由传参/接参

Taro中引入图片并不像Html那样，直接找到图片的相对路径引入即可！！而是需要 通过import引入

import one from '../../assets/images/1.png'
import two from '../../assets/images/2.png'
import three from '../../assets/images/3.png'
import four from '../../assets/images/4.png'
import five from '../../assets/images/5.png'


//one two three .. 也是路径，可以打印一下看看

<Image className='imgShow' src={one}></Image>

Taro 中路由传参与接参：发现react中 this.$router.params 不好用了 查了文档发现是使用 getCurrentInstance().router.params 来获取

// 传入参数 id=2&type=test
Taro.navigateTo({
  url: '/pages/page/path/name?id=2&type=test'
})

//接参

import { getCurrentInstance } from '@tarojs/taro'
import React, { Component } from 'react'

export default class C extends Component {
  componentDidMount () {
    console.log(getCurrentInstance().router.params) // 输出 { id: 2, type: 'test' }
  }
}

最后

以上就是欢呼小兔子最近收集整理的关于Taro 引入静态资源及 路由传参/接参的全部内容，更多相关Taro内容请搜索靠谱客的其他文章。