如何在 React Native 中动态加载按钮单击上的 API 数据

Question

我是 React Native 的初学者。我有一个 API 动态显示页面上的级别数。每次用户单击按钮时，我都想获取一个 API 并导航到另一个页面。我为此定义了三个 on click 事件，但我想清理我的代码并借助一个 OnClick 事件编写。

我的等级如下

//Level1
async Level1() {
    const datavalue = await getResultValue('url1');
    this.props.navigation.navigate('Final','getSomething');
}
//Level2
async Level12() {
    const datavalue = await getResultValue('url2');
    this.props.navigation.navigate('Final','getSomething');
}
//Level3
async Level3() {
    const datavalue = await getResultValue('url3');
    this.props.navigation.navigate('Final','getSomething');
}

每一层都有对应的API。有没有办法在 One OnClick 事件的帮助下实现它？

如有任何帮助，我们将不胜感激。提前谢谢你。

Answer 1

async navigateToFinalScreen(params){
  data = await fetch(params.url);
  this.props.navigation.navigate(params.screenToNavigate, 'getSomething'); 
}

/*调用这个方法*/

 this.navigateToNextScreen(
   { url:"url",
     screenToNavigate:"Final" }
)

如何在 React Native 中动态加载按钮单击上的 API 数据

How to dynamically Load API Data on a button Click in React Native

reactjs

react-native

react-native-android

react-native-ios