Javascript 从modal React native更新信息

在我的react native应用程序上，我通过以下方式显示从服务器获取的信息：

因此，当我单击“更新profil”时，我会显示一个带有文本输入的模式，以便用户有机会更改其配置文件的信息。模态函数如下所示：

现在，我已经创建了一个Fetch Post函数，当我单击按钮

update

时，它将静态信息发送到服务器，并且模式关闭。但是在我离开并回来之前，个人资料页面不会刷新

我的问题是：从文本输入中获取值的最佳方式是什么，通过post发送它们。并在模式关闭后刷新屏幕？。我应该用福米克吗

下面是我的代码：

导出默认函数MprofilScreen（{navigation}）{
const[modalVisible，setModalVisible]=使用状态（false）；
const[Data，setData]=useState（[]）；
useffect（（）=>{
获取（'******'）
.then（（response）=>response.json（））
。然后（（res）=>{
控制台日志（“重新定位”）
console.log（res）
设置数据（res）
})
.完成（）；
}, []);
返回(
{
警报。警报（“模式已关闭”）；
}}>
{
setModalVisible（！modalVisible）；
}}
>
关闭
笔名：
....
维尔：
{
setModalVisible（！modalVisible）；
}}
>
删除
{
setModalVisible（真）；
}}>
更新profile
笔名：
{Data.nom}
.....
维尔：
{Data.ville}
);
}

---

我是新手，我会感谢你的帮助

我假设您在配置文件页面的componentDidMount中有获取详细信息，并且由于modal也驻留在其中，所以页面不会刷新。您可以在modalClose上再次调用该函数

假设你有

getDetails = () => {
.... fetch details
}

在

componentDidMount

中，您可以这样调用：

componentDidmount(){
this.getDetails();
}

所以你可以在modalClose上调用相同的函数，在更新它之后

onModalClose = () => {
this.getDetails()
}

---

希望清楚。多疑请放心

谢谢您的回复，事实上我使用的是useEffect（（）=>），所有组件都在同一代码上，因此根据您的推理，当我单击“更新”时模式3功能中的按钮应执行：1.获取发布新信息2.关闭模式3.useeffect中的功能。对吗？是的，您可以将useeffect中调用的功能添加到onmodalclose中