rn项目的路由使用link标签可以成功跳转
const linkParams = {
pathname: '/star',
state: { data: item },
}
<Link to={ linkParams } component={ TouchableOpacity }>
<Item text={ item.text } index={ index }/>
</Link>
但是在rn to web时,这种写法的link会失效不跳转。因此使用history.push代替<Link>标签,时rn和web环境时都可以跳转
const linkParams = {
pathname: '/star',
state: { data: item },
}
<TouchableOpacity onPress={ ()=>{ this.props.history.push(linkParams) } }>
<Item text={ item.text } index={ index }/>
</TouchableOpacity>
history.push的跳转原理和<Link>是一样的