如何在屏幕加载时调用方法，就像总是应该在 react native 中调用方法一样

Question

我正在开发反应原生项目，我正在从服务器响应中加载一些图形。 它是一个基于选项卡的应用程序，此代码编写在第一个选项卡中。

但是，在某些用例中，数据没有正确加载到该图形中。

我已经在componentDidMount((中编写了该代码，但它只会调用一次。但是，我的要求是我必须在加载视图时调用，该时间只有渲染方法在调用。

我尝试为导航添加addlistener，但是，由于它不是导航堆栈抛出错误。

我找到了如下所示的解决方案。

componentDidMount() {
}
fetchGraphData = () => {
//some code fetching from DB and redux based on conditions
}
render() {
this.fetchGraphData();
return (
);
}
}

但是，根据代码标准，这不是好的做法。

我没有收到道具，但是，我们正在使用一些图表，这些图表是 从数据加载。我的要求是我必须调用 api 获取数据 每次屏幕加载后的方法。

任何建议，我必须在渲染方法或视图加载后调用fetchGraphData((。

Answer 1

您的问题是，当您将"fetchGraphData"函数移动到带有"fetchGraphData"函数的屏幕上时，必须执行它。这个问题可以通过比我想象的更简单的东西来解决。

componentDidMount() {
this.fetchGraphData();
}

当您移动到具有函数的屏幕时，可以尝试再次渲染。

this.props.navigation.push('functionMoveScreen') // Rendering the screen again.