我試圖在前端處理一系列錯誤并將它們顯示在頁面上。我正在獲取用戶從后端輸入的欄位并嘗試將它們映射出來。但是，后端引數以駝峰形式回傳。請參閱以下內容：
我想呈現：電子郵件、最喜歡的運動、gpa 分數的輸入欄位是不可接受的
但我看到
電子郵件、favoriteSport、gpaScore 的輸入欄位是不可接受的
有什么方法可以將引數的名稱映射到自定義名稱？
這是我的代碼：
Array.isArray(errors) ? `The input fields for ${errors.map(item => item.param)} are unacceptable`
有什么辦法可以根據自己的喜好映射引數名稱嗎？
uj5u.com熱心網友回復：
const mapper = (item) => {
return {
gpaScore: 'GPA Score',
favoriteSport: 'Favorite Sport',
}[item.param] || 'Unknown property'
}
return `The input fields for ${errors.map(item => mapper(item)).join(', ')} are unacceptable`
uj5u.com熱心網友回復：
這是您可以使用react-intl 之類的東西來格式化訊息的地方，但一般來說，您需要將編程鍵轉換為用戶友好訊息的東西
const t = {
email: "email",
favoriteSport: "favourite sport",
gpaScore: "GPA score"
}
const fields = errors.map(({ param }) => t[param] ?? param)
const message = `The input fields for ${fields.join(", ")} are unacceptable`
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/376019.html
標籤：javascript 数组 反应 数据库 错误处理