سوالی در باره هنل کردن خطای axios

[Akhelper 63]

ا سلام و احترام … هندل کردن ارور در اکسیوس در فیلم آموزشی کاملا قابل درک است… اما سوال بنده این است که زمانی که من می خواهم یک اطلاعات رو با axios درج کنم کمی زمانبر هست بنابراین باید از asyc و wait استفاده کنم … بنابراین می خوام یک تابع بنویسم تا axios رو اجرا کنه و بعد منتظر ریسپانس باشم و چک کنم تابع axios خروجی داشت کد اجرا بشه اگر نه بتونم ریدایرکت کنم….

JavaScript

class Step1 extends Component { constructor(props) { super(props); this.state = { mobile: &quot;&quot;, password: &quot;&quot;, repassword: &quot;&quot;, rolid: [2], token: &quot;123456789qwertyuiopqaz&quot;, error: null, errordec: null } } handleChange(event) { this.setState({ [event.target.name]: event.target.value }) // console.log(this.state) } validate = () => { if (this.state.mobile === &quot;&quot; || this.state.password === &quot;&quot; || this.state.repassword === &quot;&quot;) { this.setState({ error: true, errordec: &quot;اطلاعات مورد نظر را وارد نمایید&quot; }) return true } else if (this.state.password !== this.state.repassword) { this.setState({ error: true, errordec: &quot;رمزعبور با هم برابر نیستند&quot; }) return true } } registerUser = async (token, mobile, password, repassword, rolid) => { const checkactivate = await instance.post(<code>/Register</code>, { &quot;_token&quot;: token, &quot;_mobile&quot;: mobile, &quot;_pass1&quot;: password, &quot;_pass2&quot;: repassword, &quot;_role_id&quot;: rolid }) .then(response => { if (response.data[0].Objstatus.status === &quot;Error&quot;) { this.setState({ error: true, errordec: &quot;شما قبلا ثبت نام کردید&quot; }); console.log(this.state.error); console.log(this.registerUser()); return false; } else if (response.data[0].Objstatus.status === &quot;ُSuccess&quot;) { this.setState({ error: false, errordec: &quot;کد فعالسازی ارسال گردید&quot; }); return true; } else { this.setState({ error: true, errordec: &quot;مشکلی در ارتباط با وب سرویس پیش آمده&quot; }); return false; } }) .catch(error => { this.setState({ error: true, errordec: &quot;مشکلی در ارتباط با وب سرویس پیش آمده&quot; }); return false; }); return checkactivate; } render() { const handleSubmit = (event) => { event.preventDefault(); if (!this.validate()) { this.registerUser(this.state.token, this.state.mobile, this.state.password, this.state.repassword, this.state.rolid); // this.props.mobile(this.state.mobile); } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73

class Step1 extends Component {     constructor(props) {         super(props);         this.state = {             mobile: &quot;&quot;,             password: &quot;&quot;,             repassword: &quot;&quot;,             rolid: [2],             token: &quot;123456789qwertyuiopqaz&quot;,             error: null,             errordec: null         }     }       handleChange(event) {         this.setState({ [event.target.name]: event.target.value })         //  console.log(this.state)     }     validate = () => {           if (this.state.mobile === &quot;&quot; || this.state.password === &quot;&quot; || this.state.repassword === &quot;&quot;) {             this.setState({ error: true, errordec: &quot;اطلاعات مورد نظر را وارد نمایید&quot; })             return true         }         else if (this.state.password !== this.state.repassword) {             this.setState({ error: true, errordec: &quot;رمزعبور با هم برابر نیستند&quot; })             return true         }       }     registerUser = async (token, mobile, password, repassword, rolid) => {           const checkactivate = await instance.post(<code>/Register</code>, {             &quot;_token&quot;: token,             &quot;_mobile&quot;: mobile,             &quot;_pass1&quot;: password,             &quot;_pass2&quot;: repassword,             &quot;_role_id&quot;: rolid           })             .then(response => {                 if (response.data[0].Objstatus.status === &quot;Error&quot;) {                     this.setState({ error: true, errordec: &quot;شما قبلا ثبت نام کردید&quot; });                     console.log(this.state.error);                     console.log(this.registerUser());                     return false;                 }                 else if (response.data[0].Objstatus.status === &quot;ُSuccess&quot;) {                     this.setState({ error: false, errordec: &quot;کد فعالسازی ارسال گردید&quot; });                     return true;                 }                 else {                     this.setState({ error: true, errordec: &quot;مشکلی در ارتباط با وب سرویس پیش آمده&quot; });                     return false;                 }             })             .catch(error => {                 this.setState({ error: true, errordec: &quot;مشکلی در ارتباط با وب سرویس پیش آمده&quot; });                 return false;             });           return checkactivate;     }     render() {         const handleSubmit = (event) => {             event.preventDefault();             if (!this.validate()) {                 this.registerUser(this.state.token, this.state.mobile, this.state.password, this.state.repassword, this.state.rolid);                 // this.props.mobile(this.state.mobile);             }           }

[مهدی حسن زاده]

سلام.
لازم نیست شما از async/await استفاده کنید چون شما یک promise دارید.
تا زمانی که response برنگرده عملیات داخل then اجرا نمیشه واگر error داشته باشید که در catch میتونید هندلش کنید

[نویسنده]

نوشته‌ها