Reactjs react native中的Window.location.reload()
我经常在我的React Web项目上使用Reactjs react native中的Window.location.reload(),reactjs,react-native,Reactjs,React Native,我经常在我的React Web项目上使用window.location.reload window.location.reload() 在react native中重新加载页面(组件)是否有类似的方法?@编码就是生命 从“react navigation”导入{NavigationEvents} this.goBackReload()}/> 这是重新加载页面的方法。当你回到你的页面时 回调方法。使用此方法清除所有状态值和 刷新页面。另一种方法是使用刷新控件来重新加载 应用程序 当您在刷新方
window.location.reload
window.location.reload()代码>
在react native中重新加载页面(组件)是否有类似的方法?@编码就是生命
从“react navigation”导入{NavigationEvents}
this.goBackReload()}/>
这是重新加载页面的方法。当你回到你的页面时
回调方法。使用此方法清除所有状态值和
刷新页面。另一种方法是使用刷新控件来重新加载
应用程序
当您在刷新方法触发器上向下滚动屏幕时。@编码就是生命
从“react navigation”导入{NavigationEvents}
this.goBackReload()}/>
这是重新加载页面的方法。当你回到你的页面时
回调方法。使用此方法清除所有状态值和
刷新页面。另一种方法是使用刷新控件来重新加载
应用程序
当您在刷新方法触发器上向下滚动屏幕时。您提到的是浏览器功能。React Native使用本机功能呈现应用程序,因此没有类似于window.location.reload()的浏览器功能
因此,我不确定您对此的特定用例是什么。我想需要重新加载当前屏幕,而不是整个应用程序
在这种情况下,您应该使用react方法重新渲染屏幕。在React中,当道具或状态更改时,视图将重新渲染。因此,如果您想要触发完全重新加载,您需要有一些内部状态来触发重新加载。例如,您可以使用key
属性和具有内部状态的容器来切换该键。
但我认为这是一个黑客。您应该真正使用react数据驱动视图
您可以在官方文档中阅读更多关于key-prop的信息,也可以从Google上查看这篇文章:
从“React”导入React;
从“react native”导入{View,Text};
常量容器=()=>{
const[key,setKey]=React.useState(0);
const reload=React.useCallback(()=>setKey((prevKey)=>prevKey+1),[]);
返回;
}
常量子项=({reload})=>{
const getRandomId=()=>parseInt(Math.random()*100,10);
//我们使用useRef来展示视图是完全重新呈现的
const id=React.useRef(getRandomId());
返回(
我的随机id是{id}
)
}
您提到的是浏览器功能。React Native使用本机功能呈现应用程序,因此没有类似于window.location.reload()的浏览器功能
因此,我不确定您对此的特定用例是什么。我想需要重新加载当前屏幕,而不是整个应用程序
在这种情况下,您应该使用react方法重新渲染屏幕。在React中,当道具或状态更改时,视图将重新渲染。因此,如果您想要触发完全重新加载,您需要有一些内部状态来触发重新加载。例如,您可以使用key
属性和具有内部状态的容器来切换该键。
但我认为这是一个黑客。您应该真正使用react数据驱动视图
您可以在官方文档中阅读更多关于key-prop的信息,也可以从Google上查看这篇文章:
从“React”导入React;
从“react native”导入{View,Text};
常量容器=()=>{
const[key,setKey]=React.useState(0);
const reload=React.useCallback(()=>setKey((prevKey)=>prevKey+1),[]);
返回;
}
常量子项=({reload})=>{
const getRandomId=()=>parseInt(Math.random()*100,10);
//我们使用useRef来展示视图是完全重新呈现的
const id=React.useRef(getRandomId());
返回(
我的随机id是{id}
)
}
何时需要重新加载页面?例如“像我请求的那样返回到同一页面?何时需要重新加载页面?”例如“像我请求的那样返回到同一页面?”?
<NavigationEvents onWillFocus={() => this.goBackReload()}/>
<ScrollView refreshControl={
<RefreshControl
refreshing={this.state.refreshing}
onRefresh={this._onRefresh}
/>
}>
</ScrollView>