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 Event来实现？

任何帮助将不胜感激。预先谢谢你。

Answer 1

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

/ *调用此方法* /

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

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

1 个答案: