Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs react native中的Window.location.reload()_Reactjs_React Native - Fatal编程技术网

Reactjs react native中的Window.location.reload()

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()}/> 这是重新加载页面的方法。当你回到你的页面时 回调方法。使用此方法清除所有状态值和 刷新页面。另一种方法是使用刷新控件来重新加载 应用程序 当您在刷新方

我经常在我的React Web项目上使用
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>