本文主要介绍如何解决反应环节不跳的问题，具有一定的参考价值。有兴趣的朋友可以参考一下。希望大家看完这篇文章后收获多多。让边肖带你去了解一下。
反应环节不跳的解决方案：1。远程关闭JS；2.增加额外的；到根路由组件；3.传入可触摸不透明度作为链接组件的属性。
本文操作环境：Windows7系统，react17.0.1，戴尔G3。
对路由器本身做出反应：链接单击不跳转
Rn嵌入在原生中，存在TouchableOpacity组件内容不响应或跳转的情况。
//App.js
consthistory=createMemoryHistory()
Routerhistory={history}
转换
Routepath=’/’组件={Home}/
Routepath=’/test ‘组件={Test}/
/Switch
/路由器
//Home.js
视角
Linkto=’/test ‘
TouchableOpathyKey={ text } style={ style . wrapper }
Text style={ style . Text } { Text }/Text
/TouchableOpacity
/Link
/View
1、关闭JS Remotely
不知道为什么远程调试启动后TouchableOpacity失败。关闭后点击查看touchable不透明效果，但仍不能跳转。
2、给根路径route组件增加extra
//App.js
Routerhistory={history}
转换
routerpath=’/’组件={ home }//添加额外的
Routepath=’/test ‘组件={Test}/
/Switch
/Router不熟悉rn开发，刚开始担心是使用createMemoryHistory造成的，后来又担心页面跳了却被屏蔽了等等，思维总是有偏差。
最后还是老老实实的去github找了一个基础项目，稍微差一点就发现是这个被忽略的问题。
实际上，原理很简单，https://www.cnblogs.com/superlizhao/p/9280122.html.
我之所以有这个问题，是因为router4.x用多层嵌套路由报了警，但调整后暴露出没有仔细阅读原理的问题，我很惭愧。
3、将TouchableOpacity作为link组件的属性传入
constlinkParams={ 0
路径名： ‘/星’，
state:{data:item}，
}
Linkto={ linkParams }组件={TouchableOpacity}
Itemtext={ item.text }索引={index}/
/Linklink中的cause不透明将不会导致跳转。
感谢您仔细阅读本文。希望边肖分享的文章《如何解决反应链接不跳的问题》对大家有所帮助。同时也希望大家多多支持，关注行业信息渠道，多多了解！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/118537.html