در حالتی‌که تنبل می‌باشید تا همین جا کافی میباشد، حتی در صورتیکه طراحی اپلیکیشن در مشهد شما یک کدام از ارورهای جاوا اسکریپت را دارید که یک ارور خاص میباشد فقط کافی میباشد global error state را تغییر‌و تحول دهید و آن را در یک نوار بالای برگه به اکران بگذارید. با این درحال حاضر اینجانب می‌خواهم به شما علامت دهم که چه‌گونه خاص ترین ارورهای جاوا اسکریپت را مدیر نمایید و آنها را اکران دهید. چرا؟ اولا این یک موعظه بدون نقص درباره مدیر ارورهای جاوا اسکریپت میباشد، بدین ترتیب اینجانب نمی توانم آن را در‌این نقطه متوقف کنم. دوما برنامه نویس ها UX احتمالا در‌صورتی‌که شما همگی ارورهای جاوا اسکریپت را به طور global اکران دهید تعجب می نمایند.

رئیس ارورهای خاص در جاوا اسکریپت

شبیه ارورهای گلوبال ما خواهیم توانست یک Error state محلی باطن کامپوننت های دیگر داشته باشیم، طریق این عمل به صورت پایین است:

import React, { Component } from \'react\'
import axios from \'axios\'

import InlineError from \'./InlineError\'

class SpecificErrorRequest extends Component {
constructor(props) {
super(props)

this.state = {
error: \'\',
}

this._callBackend = this._callBackend.bind(this)
}

render() {
return (

Delete your city

)
}

_callBackend() {
this.setState({
error: \'\',
})

axios
.delete(\'/api/city\')
.then(result => {
// do something with it, if the request is successful
})
.catch(err => {
if (err.response.data.error === \'GENERIC\') {
this.props.setError(err.response.data.description)
} else {
this.setState({
error: err.response.data.description,
})
}
})
}
}

export default SpecificErrorRequest
نکته ای که می بایست به خاطر داشته باشید این میباشد که از فی مابین بردن غلط معمولا یک مراحل متعدد است. در هنگام ساخت و ساز یک درخواست نو عالی میباشد که ارور را منزه فرمایید، همینطور می‌توانید وقتی که مخاطب تغییری را ساخت‌و‌ساز می نماید نیز این فعالیت را ایفا دهید، برای مثال هنگامی که مخاطب مقدار ورودی را تغییر تحول می‌دهد.

ارورهای جاوا اسکریپت در فرانت اند

همان گونه که به زودی گفته می‌شود این ارورهای جاوا اسکریپت نیز با به عبارتی شیوه که برای ارورهای جاوا اسکریپت که از بک اند میایند به کارگیری می‌شد ( شیوه state) رئیس می گردند، اذن دهید با یک نمونه که در آن یک فیلد ورودی وجود دارااست استارت کنیم که به استفاده کننده اذن می‌دهد اسم یک شهر را حذف نماید:

import React, { Component } from \'react\'
import axios from \'axios\'

import InlineError from \'./InlineError\'

class SpecificErrorRequest extends Component {
constructor(props) {
super(props)

this.state = {
error: \'\',
city: \'\',
}

this._callBackend = this._callBackend.bind(this)
this._changeCity = this._changeCity.bind(this)
}

render() {
return (

type=\"text\"
value={this.state.city}
style={{ marginRight: 15 }}
onChange={this._changeCity}
/>
Delete your city

)
}

_changeCity(e) {
this.setState({
error: \'\',
city: e.target.value,
})
}

_validate() {
if (!this.state.city.length) throw new Error(\'Please provide a city name.\')
}

_callBackend() {
this.setState({
error: \'\',
})

try {
this._validate()
} catch (err) {
return this.setState({ error: err.message })
}

axios
.delete(\'/api/city\')
.then(result => {
// do something with it, if the request is successful
})
.catch(err => {
if (err.response.data.error === \'GENERIC\') {
this.props.setError(err.response.data.description)
} else {
this.setState({
error: err.response.data.description,
})
}
})
}
}

export default SpecificErrorRequest