本文主要介绍如何解决反应环节不跳的问题,具有一定的参考价值。有兴趣的朋友可以参考一下。希望大家看完这篇文章后收获多多。让边肖带你去了解一下。
反应环节不跳的解决方案: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