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

2022-11-21 04:24:16

一、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元素来渲染等。