reactjs 如何在console.log中显示数据获取成功的消息?

6psbrbz9  于 10个月前  发布在  React
关注(0)|答案(1)|浏览(87)

我在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>
        )
}

字符串
x1c 0d1x的数据
任何人都可以帮助我关于我如何才能显示错误,我如何才能重定向到其他页面上成功。

f0ofjuux

f0ofjuux1#

基于你的代码你会得到错误在此.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>
            )
    }

字符串

相关问题