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 引入静态资源及 路由传参/接参所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。