Javascript ré-attribuer let variable avec déstructuration

Question

Dans mon Réagir application que je suis en utilisant airbnb est eslint guide de style qui provoquera une erreur si je n'utilise pas destructuing.

Dans la situation ci-dessous, j'ai d'abord utiliser let d'attribuer les deux variables latitude et longitude pour les coordonnées du premier élément d'un tableau de localisation des objets. Alors j'essaye d'utiliser la déstructuration de ré-affecter leurs valeurs si l'utilisateur m'a donné accès à leur emplacement.

let latitude = locations[0].coordinates[1];
let longitude = locations[0].coordinates[0];

if (props.userLocation.coords) {
  // doesn't work - unexpected token
  { latitude, longitude } = props.userLocation.coords;

  // causes linting errors
  // latitude = props.userLocation.coords.latitude;
  // longitude = props.userLocation.coords.longitude;
}

Déstructuration à l'intérieur de l' if instruction provoque une unexpected token d'erreur.

Re-affectation de variables à l'ancienne provoque une ESlint: Use object destructuring d'erreur.

Answer 1

  ({ latitude, longitude } = props.userLocation.coords);
 

La destruction doit être effectuée après une déclaration let , const ou var ou dans un contexte d'expression pour la distinguer d'une instruction de bloc.