कैसे एक वस्तु मानचित्रण के लिए?

वोट
0

मैं एक समस्या है, मैं सरणी के जवाब का एक उद्देश्य मानचित्रण करना चाहते हैं, मूल रूप से मानचित्रण अगर प्रतिक्रिया सरणी भी है इस मामले में तो सर्वर से मेरी प्रतिक्रिया मानचित्रण करने के लिए कि hwo एक वस्तु है का उपयोग है?

सर्वर से प्रतिक्रिया

{
    responseCode: 00,
    message: Process successful. ,
    localMessage: Proses Berhasil.,
    response: {
        username: admin,
        firstName: admin,
        middleName: is,
        lastName: admin,
        password: fZE+K9bKasdsaASDJbfFw==,
        effectiveDate: 25-01-2019 07:00:00,
        expiredDate: 25-01-2021 07:00:00,
        phone: 082233051157,
        email: asdasdasn@gmail.com
    }
}

राज्य

this.state = {
   post : []
}

मैं नहीं कर सकते post.map उम्मीद तो मैं acction हटा सकते हैं या thankyou अद्यतन का उपयोग कर सकते

09/10/2019 को 13:02
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


3 जवाब

वोट
0

ओह, अपने मामले के साथ। तुम सिर्फ इस (ES6) की तरह कार्य करें:

const result = [ response.data.response ]
this.setState ({
   post : result
}) 

अब, this.state.post हो जाएगा:

[
    {
        "username": "admin",
        "firstName": "admin",
        "middleName": "is",
        "lastName": "admin",
        "password": "fZE+K9bKasdsaASDJbfFw==",
        "effectiveDate": "25-01-2019 07:00:00",
        "expiredDate": "25-01-2021 07:00:00",
        "phone": "082233051157",
        "email": "asdasdasn@gmail.com"
    }
]
09/10/2019 को 13:58
का स्रोत उपयोगकर्ता

वोट
0

प्रतिक्रिया प्राप्त करने के बाद आप setstate का उपयोग कर पोस्ट सरणी में प्रतिक्रिया स्टोर कर सकते हैं।

this.setState({post2:response})
09/10/2019 को 13:27
का स्रोत उपयोगकर्ता

वोट
0

आप एक सरणी के लिए वस्तु में परिवर्तित करना चाहते हैं, तो आप निम्नलिखित विकल्प हैं:

1) Object.values(post.response)आप एक सरणी के रूप में वस्तु के मूल्यों दे देंगे।

2) Object.keys(post.response)आप एक सरणी के रूप में वस्तु की कुंजियां दूंगा।

3) Object.entries(post.response)आप एक सरणी जहां प्रत्येक तत्व कुंजी और मान से मिलकर एक सरणी है दे देंगे।

तो बजाय आप यह कर सकते हैं:

Object.keys(response).map( heading =>
<tr>
 <th scope="row">
  <Media className="align-items-center">
   <Media>
    <span className="badge-dot mr-4">
     {heading}
    </span>
   </Media>
  </Media>
 </th>
<td scope="row">
  <Media className="align-items-center">
   <Media>
    <span className="badge-dot mr-4">
     {response[heading]}
    </span>
   </Media>
  </Media>
 </td>

इस तरह से आप गतिशील वस्तु गुण और उत्पादन संबंधित मूल्यों पर आधारित कॉलम परिभाषित कर सकते हैं।

09/10/2019 को 13:12
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more