如果在 console.log 中成功获取数据，如何显示成功消息？

Question

我在 react-native 中使用条带库，我在 console.log 中成功获取数据，但是如果成功，或者如果它有任何错误，我想重定向到另一个页面，然后显示在页面上。我试图重定向到另一个页面，但即使它有错误，它也会重定向，我不知道该怎么做。我试过这样做..

这是我的代码。

    payme() {
            const apiKey = '<api_key>';
            const client = new Stripe(apiKey);
            client.createToken({
                number: this.state.number,
                exp_month: this.state.expmonth,
                exp_year: this.state.expyear,
                cvc: this.state.cvc,
            }).then((x) => {
                    let successmsg = x;
                    NavigationService.navigate('LoginPage');
            }).catch((e) => {
                console.log(e);
            })
        }

    render() {
            return (
              <Text>{this.successmsg}</Text>
            )
    }

谁能帮助我了解如何显示错误以及如何仅在成功时重定向到其他页面。

Answer 1

根据您的代码，您将在 this.successmsg 中收到错误

    state = {
     successmsg : null          
    }

    async payme() {
            try{
                   const apiKey = '<api_key>';
                   await result  = new Stripe(apiKey).createToken({
                   number: this.state.number,
                   exp_month: this.state.expmonth,
                   exp_year: this.state.expyear,
                   cvc: this.state.cvc,
                   })

                   if(!result.error){
                      //do your success logic
                     //set your successmsg based on reslut object option
                      this.setState({successmsg : "YOURCUSTOM MESSAGE FROM RESULT OBJECT"})
                      NavigationService.navigate('LoginPage');

                   } else {
                      // throw your error here
                        throw "something went wrong"
                    }

             }
             catch(e){
              throw new Error(e);
             }

        }

    render() {
            return (
              <Text>{this.successmsg}</Text>
            )
    }