將對象數組映射到狀態

Question

我有一個API以這種形式給出錯誤響應

在reactJS中，我可以使用this.props.errors傳遞參數給子組件，但是現在我想按如下所示將this.props.errors映射到子組件

state = {
 slug: '', 
 name: '', 
 address_1: '', 
 address_2: '', 
 city: '', 
 state: '', 
 postal_code: '', 
 country_code: '', 
 phone_number: '',
}

意思是，我希望將error參數的元素放在每個元素的子組件狀態中。 我怎么做？

Answer 1

根據您的要求保存您的響應以進行定制。 按照代碼段。 將其保存為狀態，然后將此狀態傳遞給孩子。 通過使用componentWillReceiveProps更新子狀態。

示例： 在React中使用代碼

 let response = { slug: ['slug required'], name: ['name'], address_1: ['address_1'], address_2: ['address_2'], city: ['city'], state: ['state'], postal_code: ['postal_code'], country_code: ['country_code'], phone_number: ['phone_number '] } const keys = Object.keys(response) keys.map((m)=>{ response[m] = Array.isArray(response[m]) ? response[m][0] : response[m] }) console.log("customed response",response)