react 路径跳转组件不跳转_react 怎样跳转到另一个页面

本文介绍了在ReactNative中遇到路径跳转组件不工作的问题及其解决方案。主要方法包括在组件中使用navigator.push进行跳转,以及在主页面设置中间件middleware。同时,详细展示了InComponent和ForgetComponent的跳转页面代码,强调了navigator.pop的使用。ReactNative结合Web和Native应用的优势,允许开发者用JavaScript创建原生iOS和Android应用。
摘要由CSDN通过智能技术生成

跳转的主要方法:

1.component  中添加这行代码

navigator.push({name:'In'})}>注册

navigator.push({name:'Forget'})}>忘记密码          

onPress  主要运用于点击事件中。

2.在运行的主页面中只能运行如下的component

const thunkMiddleWare = (store) => (next) => (action) => {

if (typeof action === 'function') {

return action(store.dispatch, store.getState)

}

return next(action)

export default function () {

return (

)

}

需要注意的是:a. middleware   是中间件的设置,它有固定的格式.

 不能包含这个标签  但反过来可以。

3.点击跳转的页面的设置代码

function InComponent({navigator}){

return (

navigator.pop()} >注册

)

}

function ForgetComponent({navigator}){

return (

navigator.pop()} >忘记密码

)

}

export

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值