react link不自动跳转的解决方案：1、关掉JS Remotely；2、给根途径route部件提升extra；3、将TouchableOpacity做为link元件的特性传到就可以。
文中作业环境：Windows7系统软件、react17.0.1、Dell G3。
怎样解决react link不自动跳转难题？
react router native:link点击不自动跳转
rn置入原生态，发生点一下TouchableOpacity部件具体内容无反应、不自动跳转的现象
// App.js
const history = createMemoryHistory()
<Router history={ history }>
<Switch>
<Route path="/" component={ Home }/>
<Route path="/test" component={ Test } />
</Switch>
</Router>
// Home.js
<View>
<Link to="/test">
<TouchableOpacity key={ text } style={ styles.wrapper }>
<Text style={ styles.text }>{ text }</Text>
</TouchableOpacity>
</Link>
</View>1、关掉JS Remotely
不知为什么开远程调试后造成TouchableOpacity无效。关掉后点击能看见TouchableOpacity实际效果，依然不可以自动跳转
2、给根途径route部件提升extra
// App.js
<Router history={ history }>
<Switch>
<Route extra path="/" component={ Home }/> // 提升extra
<Route path="/test" component={ Test } />
</Switch>
</Router>由于不太熟悉rn开发设计，最开始担忧是用了createMemoryHistory所导致的，之后又害怕网页跳转了但被遮挡什么的，构思一直偏了
最终踏踏实实到github上找了一个基本项目，一点点找不同游戏，居然是这一被忽略问题
基本原理其实不是很难 https://www.cnblogs.com/superlizhao/p/9280122.html
是我这种情况是由于router4.x应用多层嵌套路由器报warning，调整之后反倒曝露不专心读原理的难题，愧疚
3、将TouchableOpacity做为link元件的特性传到
const linkParams = {
pathname: '/star',
state: { data: item },
}
<Link to={ linkParams } component={ TouchableOpacity }>
<Item text={ item.text } index={ index }/>
</Link><link>里有<TouchableOpacity>也会导致不自动跳转
强烈推荐学习培训：《react视频教程》
以上就是关于怎样解决react link不自动跳转问题具体内容，大量欢迎关注AdminJS其他类似文章！