0
votes

Erreur de jeton inattendue sur le retour d'un objet de la fonction map - ReactJS

J'essaie de renvoyer un dictionnaire / objet de mappe sur un tableau d'objets.

Obtenir jeton inattendu , j'ai noué le traçage, je peux Quelqu'un aide, dans quel endroit je me trompe?

mon échantillon de code est xxx

dans le code ci-dessus pour la ligne retour { $ {texte-clé} : valeur ["a"]}; sa montrant jeton inattendu, quelle est la faute ici?


1 commentaires

Deuxième paramètre de la fonction de carte est index, et il n'existe pas de texte clé.


4 Réponses :


0
votes

Le défaut est dans

a.map((value, index) => {
    return {`${index}`: value["a"]};
});


0 commentaires

0
votes

Dans votre fonction de carte Texte clé recherche une variable appelée Texte de clé qui n'existe pas et donc l'erreur. Si vous essayez d'interpoler texte à clé , changez-le à cela devrait fonctionner xxx

espère que cela aide. < / p>


0 commentaires

1
votes

Vous avez besoin d'un objet parent pour créer des clés dynamiques.

p>

let a = [
    {
      "a": 123,
      "b": "99",
    }, {
      "a": 333,
      "b": "33",
    }
  ];

  a.map((value, key) => {
    let x = {};
    x[key+"-text"] = value["a"];
    console.log(x);
    return x;
  });


0 commentaires

0
votes

Ici, vous avez utilisé texte code> comme une variable mais ne la définissait pas. Donc, vous devez avoir à définir une variable code> texte code> au-dessus de la carte.

comme code> p> xxx pré>

ou Code> P>

Vous pouvez utiliser texte code> sous forme de chaîne code> p>

comme p >

  a.map((value, key) => {
    return {`${key}-text}`: value["a"]};
  });


0 commentaires