Je suis nouveau pour réagir et axios. Je souhaite obtenir des données client, mais lorsque leur adresse est vide, une erreur est apparue
"TypeError: impossible de lire la propriété" rue "de non définie." P> BlockQuote>
Quand le client a une adresse, tout fonctionne. Y a-t-il une façon de faire ce travail sans toucher le backend? P>
xxx pré> désolé si le nom est déroutant, je viens de la copier de ma page / p> voici la console.log (commande) à partir du compte de travail p>
xxx pré> voici la console.log (commande) à partir du compte de travail non de travail p>
0: address: Array(0) length: 0 __proto__: Array(0) created_at: "2019-05-21 10:53:11" email: "test@admin.com" email_verified_at: "2019-05-21 10:53:11" id: "a02279a0-7bb6-11e9-8711-515da07aadda" name: "Alisha Stamm" role_id: "a0156ca0-7bb6-11e9-8ba3-43dcab891f96" updated_at: "2019-05-21 10:53:11"
3 Réponses :
Vous pouvez essayer comme ceci
Merci! Je n'ai pas pensé à faire ça! Cela fonctionne lorsque j'utilise ordre.Address.Length> 0.
{ this.state.orders.map(({ address = [{}] }) => <Input className="address" type="textarea" readOnly value={address[0].street} />) }
{ this.state.orders.map(({ address = [{}] }) => <Input className="phone" type="text" readOnly value={address[0].phone} />) }
You can destruct the order object and assign initial values for your object so that conditions like these will not fail. more info here https://javascript.info/destructuring-assignment
Oui Utilisez une instruction ternaire dans la méthode Render P>
{this.state.order.street? (
{this.state.orders.street} p> ): (
Aucune rue à montrer ici P> )} p>
Je viens de vous écrire une réponse, laissez-moi savoir si cela fonctionne pour vous :)