怎么解决react link不跳转问题

技术怎么解决react link不跳转问题这篇文章主要介绍了怎么解决react link不跳转问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

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

反应环节不跳的解决方案: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

(0)

相关推荐

  • 树莓派如何连接USB摄像头

    技术树莓派如何连接USB摄像头这篇文章主要介绍树莓派如何连接USB摄像头,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一、用lsusb指令查看一下是否能识别 二、查看/dev设备ls /dev查看

    攻略 2021年11月20日
  • 21合并两个有序链表

    技术21合并两个有序链表 21合并两个有序链表21合并两个有序链表
    题目
    将两个升序链表合并为一个新的 升序 链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。
    用例
    输入:l1 = [1,2

    礼包 2021年10月28日
  • Java多线程中Callable、Future和FutureTask是什么意思

    技术Java多线程中Callable、Future和FutureTask是什么意思小编给大家分享一下Java多线程中Callable、Future和FutureTask是什么意思,相信大部分人都还不怎么了解,因此分享这篇

    攻略 2021年10月31日
  • mac全景照片拼接软件(mac照片拼接)

    技术DoubleTake for Mac照片拼接软件怎么用这期内容当中小编将会给大家带来有关DoubleTake for Mac照片拼接软件怎么用,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有

    攻略 2021年12月24日
  • 微信能传多大的视频,微信发视频一次最多能发多少秒

    技术微信能传多大的视频,微信发视频一次最多能发多少秒微信朋友圈发小视频只能发送时间在10s以内微信能传多大的视频、大小在3M以内的小视频,若大小超过3M则会自动压缩手机版微信发视频,单个视频最大不能超过20M,时间5mi

    生活 2021年10月20日
  • 怎么使用Docsify和GitHub Pages创建一个文档网站

    技术怎么使用Docsify和GitHub Pages创建一个文档网站这篇文章主要介绍怎么使用Docsify和GitHub Pages创建一个文档网站,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!使

    攻略 2021年10月26日