Dev Faq
0
votes

Comment mettre à jour un objet particulier dans la matrice de plusieurs objets de manière dynamique

Comment mettre à jour un objet particulier dans la matrice d'objets. Par example, avoir un objet comme celui-ci xxx

Et ma nouvelle valeur doit mettre à jour est xxx

Comment puis-je mettre à jour cet objet dans l'état (0ème ou 1er objet de dynamisme) objet comme

Comment puis-je faire de la base pour une boucle interne de la matrice d'objets de manière dynamique ???

J'ai essayé tant d'exemples mais pas de résultat. Veuillez vous aider GUYZ < p> sortie finale: xxx

0 commentaires

3 Réponses :

0
votes

Vous pouvez d'abord obtenir, tout d'abord, les onglets de l'état: 

this.setState(tabs);

2 commentaires

Je ne recommande pas de le faire de cette façon, comme vous mutez les onglets de tableau [0] .droppeddetails , tout en conservant la même référence, ce qui signifie un composant pur qui est transmis drontpeddeatils sous forme de paramètre. Les accessoires la comparaison peu profonde diraient que cela n'a pas changé.

S'il vous plaît vérifier ma question mise à jour je ne sais pas quel objet je dois changer si 0 ou 1ère ... Je dois changer de manière dynamique ..Veuillez référer ma question mise à jour

0
votes

Vous pouvez facilement faire cela (cela modifie le nom en minuscule): 

const { tabs } = this.state;

tabs.map(tab => {
  // Do something with your tab value like the following
  const newDroppedDetails = tab.map(({ name }) => ({ name: name.toLowerCase() }); 
  return {
    ...tab,
    DroppedDetails: newDroppedDetails
  }
});

1 commentaires

S'il vous plaît vérifier ma question mise à jour je ne sais pas quel objet je dois changer si 0 ou 1ère ... Je dois changer de manière dynamique ..Veuillez référer ma question mise à jour

0
votes

Appliquer les mêmes concepts de votre codesandbox d'origine, nous pouvons faire quelque chose comme ceci pour modifier chaque détail déroulant individuel.

Sandbox de travail https://codesandbox.io/s/tab-creator-v2-8hc7c xxx

pour activer" éditer -Mode "Double-cliquez sur un détail supprimé. L'entrée doit apparaître à sa place et vous pouvez taper dans le nouveau texte. Lorsque vous remplissez, cliquez sur l'entrée et il finalisera le texte mis à jour :)

9 commentaires

@ CHRISTOPHER NGO BRO J'ai modifié ci-dessus la question clairement ..check ma question ci-dessus et donnez-moi des suggestions que j'ai besoin d'un objet total devrait modifier..Si vous avez des questions laissez-moi savoir bro ..mer

@sagarbhaanu Comment l'utilisateur serait-il généralement interagir avec l'article? Change-ils le test?

@sagarbhaanu Heres's Ans's Sandbox mis à jour: codesandbox.io/s/tab-creor-v2-8c2in . On dirait que nous pouvons utiliser le nom comme la même chose que l'espace réservé. Outre cela, il semble que vous ne voulez que définir en lecture seule et que vous devez être vrai lorsque quelque chose est édité. Pour l'élément édité, nous basons simplement ces propriétés à vrai. Voir la logique dans ManneDeDetailblur et HandleDetailChanger :)

Pouvons-nous changer d'objet mis à jour complet en fonction de l'index ??? Combien de champs j'ai besoin de mettre à jour que beaucoup nous pouvons écrire dans ces méthodes?

@sagarbhaanu qui est à peu près ce que nous faisons si vous voyez dans le bac à sable. Nous mettons à jour l'objet en fonction de son index. Nous devons juste clarifier les parties de l'objet à modifier. Dans votre exemple, vous avez uniquement répertorié les 3 avec des valeurs mises à jour. Voir les lignes 89 à 94

ok bro mal chèque merci de votre aide .. j'ai besoin de plus de clarification sur ce mauvais chèque et malade vous mettre à jour le plus tôt possible

Avec certitude! Dis moi si ça aide :)

Salut @sagarbhaanu Toute chance sur l'intégration d'une solution?

Hii frère @ christopher ngo je travaillais sur une partie de l'interface utilisateur, je suis passé à travers cette logique malade vous tenir au courant de la semaine prochaine ... Si je n'aurai pas la logique malade, commenter ici ce que j'ai essayé ..matank bro

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO