微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

react切换路由的话怎么清除定时器(react怎样跳转到另一个页面)

react切换路由的话怎么清除定时器(react怎样跳转到另一个页面)

内容导航:

react切换路由的话怎么清除定时器

react怎样跳转到另一个页面


一、react切换路由的话怎么清除定时器

RN的定时器就是一个创建方法

并没有像iOS一样的NSTimer类

根据官方提供的文档,定时器有四种形式:

?setTimeout,clearTimeout

? setInterval,clearInterval

? setImmediate,clearImmediate

? requestAnimationFrame,cancelAnimationFrame

见名思义:set和request方法是创建。

clear是清除,清除必须有.


二、react怎样跳转到另一个页面

跳转的主要方法

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 default class NavigatorApp extends Component {

render() {

return (

initialRoute={{name:'Main'}}

renderScene={this.renderScene}

navigationBar ={this.navigationBar}

/>

);

}

renderScene(route,navigator){

if (route.name==="Main"){

return

}

if (route.name==="In"){

return

}

if (route.name==="Forget"){

return

}

if (route.name==='Nav'){

return

}

}

// configureScene (route,navigator) {

// return Navigator.SceneConfigs.FloatFromBottom

// }

总结:

ReactNative结合了Web应用和Native应用的优势,可以使用JavaScript来开发iOS和Android原生应用。

在JavaScript中用React抽象操作系统原生的UI组件,代替DOM元素来渲染等。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐