javascript - React-native 从一个通用处理程序类调用 API

Question

我有一个常用函数，它使用 FETCH 从外部 Web 服务获取数据。该函数将在多个屏幕中的 componentDidMount() 下被调用和解析。我没有在多个地方重复相同的代码，而是将其放在一个公共(public)类下，但不幸的是，数据不会返回到这些屏幕。

常用功能

export function convertValue(fromVal, toVal) {
var requestObj = {};
let apiEndpoint = '<target endpoint>'
return  fetch(apiEndpoint, {
        method: 'GET',
        headers: {
            'Content-Type': 'application/json'
        },
        })
        .then((response) => response.json())
        .then((responseJson) => {
            return responseJson;
        })
        .catch((error) => {
            console.log('Error: ', error);
        });}

下面的示例调用，屏幕加载时没有弹出窗口。

componentDidMount () {
AsyncStorage.getItem('user_default').then((value) => {
    this.setState({userDefault: value});
}).then((value) => {
    var sample = convertValue('A', 'B');
    Alert.alert(
                                'Success',
                                JSON.stringify(sample),
                                [
                                  {text: 'OK',
                                    onPress: () => {
                                      console.log('.');
                                    }}
                                ]
                              )
});}

Answer 1

        componentDidMount () { 
    AsyncStorage.getItem('user_default').then((value) => { 
    this.setState({userDefault: value}); 
      convertValue('A', 'B').then((json)=>{
alert(json)
})
})}

这可能对你有用。问题是异步调用的链接不正确。