javascript - 基于其他回调函数的函数...react-native

Question

当用户想要发布某些内容时，他必须登录(没有用户名和密码)。 问题是我试图在 CreatePost() 调用时调用 SingUser() 并根据 SingUser() 获取请求，它将再次调用 CreatePost() 以让用户在登录后发帖。

这是在 createpost 组件中

CreatePost(){
    fetch(url ,{
      method :'POST',
      headers:{
        Accept:'application/json',
        'Content-Type' :'application/json',
      },
      body: JSON.stringify(post)
   }).then((response) => response.json())
  .then((responseJson)=>{
      if(responseJson.status =='inactive'){
               //SignUser
      }else{
             //post
      }
  }).catch((error)=>{ //later
  });
}

这是其他文件中的 SingUser()

async function SignUser() {
           try{
          User.vtoken = await AsyncStorage.getItem('vtoken');
          var userTemp={
            vtoken: User.vtoken,
            ntoken : User.ntoken
            }
                fetch(url,{
                    method :'POST',
                    headers:{
                      Accep : 'application/json',
                      'Content-Type': 'application/json',
                    },
                    body: JSON.stringify(userTemp)
                  }).then((response)=> response.json()).
                then((responseJson)=>{
                        if(responseJson.path == 2){
                            Save(responseJson, userTemp);}
                            else return;
                  }).catch((error)=>{
                     });
            
       }catch(error){}
}

async function Save(result , userTemp){
    try{
        await AsyncStorage.setItem('vtoken', result.vtoken);
            User.vtoken = result.vtoken;
            userTemp.vtoken = result.vtoken;

          fetch(url,{
            method :'POST',
            headers:{
              Accep : 'application/json',
              'Content-Type': 'application/json',
            },
            body: JSON.stringify(userTemp)
          }).then((response)=>response.json()).
          then((responseJson)=>{
              return 'done';
          }).catch((error)=>{})
      }
      catch(error){}
}
export {SignUser}

我希望你明白我想做什么，如果有更好的方法的话，thnx:(

Answer 1

你可以这样做:

const errorCodeMap = {
  USER_INACTIVE: 10,
}

const statusMap = {
  INACTIVE: `inactive`
}

const METHOD = `POST`
const APPLICATION_JSON = `application/json`

const headerDefault = {
  Accept: APPLICATION_JSON,
  'Content-Type': APPLICATION_JSON,
}

const who = `post`

async function createPost(payload, options) {
  try {
    const {
      url = ``,
      fetchOptions = {
        method: METHOD,
        headers: headerDefault,
      },
    } = options
    const {
      post,
    } = payload

    const response = await fetch(url, {
      ...fetchOptions,
      body: JSON.stringify(post)
    })

    const {
      status,
      someUsefulData,
    } = await response.json()

    if (status === statusMap.INACTIVE) {
      return {
        data: null,
        errors: [{
          type: who,
          code: errorCodeMap.USER_INACTIVE,
          message: `User inactive`
        }]
      }
    } else {
      const data = someNormalizeFunction(someUsefulData)

      return {
        data,
        errors: [],
      }
    }
  } catch (err) {

  }
}

async function createPostRepeatOnInactive(payload, options) {
  try {
    const {
      repeat = 1,
    } = options

    let index = repeat
    while (index--) {
      const { data, errors } = createPost(payload, options)

      if (errors.length) {
        await signUser()
      } else {
        return {
          data,
          errors,
        }
      }
    }
  } catch (err) {

  }
}