使用taro寫小程序進行頁面間傳參與接收

使用taro傳參示例如下，觸發點擊事件時，在調用的函數后面加上bind(this,要傳的參數)。

{
  list.map((item,index)=>(
    <View className="articleItem" onClick={this.jumpToDetail.bind(this,item.id)}>
      <View className="title">{item.title}</View>
      <View className="statement">
        <Text className="author">作者：{item.author}</Text>
        <Text>發布時間：{processTime(item.updateTime)}</Text>
      </View>
      <View className="content">
        {item.description}
      </View>
    </View>
  ))
}

然后進行頁面的跳轉。

jumpToDetail(id) {
  console.log(id)
  Taro.navigateTo({
    url: `/pages/articleDetail/articleDetail?id=${id}`
  })
}

在跳轉后的頁面進行參數的接收。

使用getCurrentInstance獲取當前實例，然后獲得參數id的值。

import Taro, { getCurrentInstance } from '@tarojs/taro'

export default class ArticleDetail extends Component {
  $instance = getCurrentInstance()

  state = {
    id:this.$instance.router.params.id,
    data:{}
  }
}

即可。