impossible d'effacer un tableau en javascript

devforce 2020-07-20 12:05.

J'obtiens une erreur lorsque j'essaie d'effacer le tableau selectedCaseCommentsdans la showFeedDetailméthode appelée à partir de connectedCallbacket caseCommentset que je suis rempli à prevSelectedCommentIdpartir du composant parent.

js file

import { LightningElement, api, track } from 'lwc';
export default class LwcTspNotificationPage extends LightningElement {
    @api caseComments;
    @api prevSelectedCommentId;
    @track selectedCaseComments = [];
}

  connectedCallback() {
        Promise.resolve().then(() => {
             this.showFeedDetail(this.prevSelectedCommentId);
        });
}

showFeedDetail(selectedCommentId){
        let caseFeed = this.caseComments.filter(cseComment => {return cseComment.Id === selectedCommentId});
        if('caseComments' in caseFeed[0]){
            this.selectedCaseComments = caseFeed[0].caseComments;
        } else {
            this.selectedCaseComments.length = 0;
        }
}

let caseFeed = this.caseComments.filter(cseComment => {return cseComment.Id === selectedCommentId}); cela donne un résultat comme ci-dessous:

Comme le montre l'image, s'il n'y a pas de propriété nommée caseCommentsdans le tableau, j'essaie d'effacer this.selectedCaseComments.length = 0;, cela donne une erreur

Uncaught (in promise) TypeError: 'set' on proxy: trap returned falsish for property 'length'

lightning-web-components

1 answers

sfdcfox 2020-07-20 19:25.

Vous ne pouvez pas modifier les données entrantes d'une variable @api. Cela se produit lorsque vous attribuez caseFeedpour la première fois une valeur from this.caseComments, puis un accès ultérieur this.selectedCaseCommentspour essayer de modifier ce tableau. Vous devez soit copier le tableau d'origine, soit simplement créer un nouveau tableau.

Copier le tableau

this.selectedCaseComments = [...caseFeed[0].caseComments];

Créer une nouvelle matrice

this.selectedCaseComments.length = [];

JavaScript transmet les objets par référence sauf si vous copiez l'objet, mais l'objet d'origine était en lecture seule. Vous pouvez voir cet effet avec ce code:

var x1 = { y: { z: 5 } }
var x2 = x1.y;
x2.z = 10;
console.log(x1.y.z); // outputs 10, not 5.

Pour résoudre ce problème, vous feriez également la même chose (mais avec un objet):

var x1 = { y: { z: 5 } }
var x2 = { ...x1.y }
x2.z = 10;
console.log(x1.y.z); // Outputs 5
console.log(x2.z); // Outputs 10

Notez qu'il ...s'agit d'une copie superficielle, donc si vous avez besoin d'accéder à d'autres éléments enfants, ceux-ci doivent également être copiés d'une manière ou d'une autre.

Japanese Spanish German French Thai Portuguese Russian Vietnamese Italian Korean Turkish Indonesian Polish Hindi

MORE COOL STUFF

Jana Duggar : Tout ce qu'elle a dit sur l'amour et sa fenêtre de 5 ans pour trouver le « bon »

Jana Duggar a été ouverte sur sa recherche de l'amour. Voici tout ce qu'elle a dit sur le sujet et sa fenêtre de mariage de cinq ans.

2023-06-12.

Sam Heughan sait exactement ce qu'il retirera de l'ensemble "Outlander" - "J'ai l'impression d'être Jamie quand je les mets"

La star d'Outlander, Sam Heughan, a récemment révélé ce qu'il retirera du tournage pour se souvenir de Jamie Fraser, le rôle qui a fait de lui une star.

2023-06-12.

La première chanson des Beatles qui était l'une des " performances les plus excitantes " du groupe, selon un initié de Fab Four

"She Loves You" a été écrite en une heure, enregistrée en une journée, et a été la chanson des Beatles avec l'une de leurs meilleures performances de leur carrière.

2023-06-11.

Dolly Parton a aidé sa grand-mère "invalide" alors qu'aucun des autres petits-enfants ne le ferait - elle lui faisait aussi des blagues

Dolly Parton et sa grand-mère Bessie avaient une relation spéciale. Grand-mère Parton était très malade, mais cela n'a pas empêché Dolly de lui faire des farces.

2023-06-11.

Le serpent Sidewinder se déplace dans le sable meuble grâce à des écailles spéciales

Parlons de l'un des plus grands acteurs du monde du désert : le serpent Sidewinder. Connu pour sa façon unique de se déplacer, ce serpent maîtrise l'art de se faufiler sur les sables brûlants du désert dans les endroits les plus chauds de la planète.

2024-10-29.

20 idées de costumes de groupe pour Halloween

Halloween approche à grands pas et il est temps de réfléchir aux meilleures idées de costumes de groupe pour vous et vos amis. Que vous alliez à une fête d'Halloween, à une collecte de bonbons ou à un concours de costumes, la clé du succès réside dans la créativité, la coordination et une pointe d'humour.

2024-10-07.

Qu’est-ce que l’humidité et comment l’humidité affecte-t-elle la température ?

Lorsqu'on parle de la météo, l'humidité est un sujet de conversation constant et de consternation, surtout pendant les mois humides de l'été. Quand les gens disent : « Au moins, il fait chaud et sec », c'est juste une autre façon de dire : « Ouf ! Au moins, il ne fait pas humide ! »

2024-07-03.

Récapitulatif de The Bear : Marcus est-il l'homme le plus gentil, le plus doux et le plus sincère de Chicago ?

« Enfants » laisse tomber un caméo de grand nom et des nouvelles dévastatrices

2024-07-03 19:12.

Une camionnette de livraison Amazon s'enflamme dans une explosion ardente pendant la chaleur estivale de Houston

Des images de drones ont montré des pompiers semblant lutter pour éteindre l'incendie.

2024-07-03 19:04.

Le spectacle Black Panther de Marvel sera le spectacle d'animation le plus crucial à ce jour

Eyes of Wakanda est directement lié au MCU, ainsi que des mises à jour sur X-Men '97, What If..., Daredevil, et plus encore.

2024-07-03 19:03.

L'histoire de rencontres d'Ava Gardner : retour sur les mariages et les romances de l'icône hollywoodienne

Ava Gardner a été mariée à Mickey Rooney et Frank Sintra, et a fréquenté plusieurs autres stars d'Hollywood. Voici un aperçu de l'histoire amoureuse d'Ava Gardner.

2024-06-23.

3 façons éprouvées d'améliorer vos compétences en écriture

Les avantages de l'écriture et les stratégies pour vous aider à le faire

En 2022, avec la sortie de GPT-3, la compétence en écriture semble devenir moins importante. Avec l'IA, les personnes ayant une mauvaise écriture peuvent également générer du personnel de qualité.

L'érosion lente : dévoiler les façons dont les gens perdent leur carrière

Dans le monde rapide et compétitif d'aujourd'hui, la carrière d'une personne joue un rôle important dans la croissance personnelle, la stabilité financière et la satisfaction globale de la vie. Cependant, de nombreuses personnes se retrouvent prises dans un cycle incessant de stagnation et d'insatisfaction, dépérissant progressivement dans leur vie professionnelle.

Qu'est-ce qui rend un podcast influent ?

La semaine dernière, j'ai remarqué un communiqué de presse, envoyé via PressGazette (un site Web d'information britannique). L'article annonçait qu'Acast, la société d'hébergement et de publicité de podcasts de Scandi, dirigerait un consortium d'éditeurs "probablement les plus influents" du podcasting.

Language

Japanese

Spanish

German

French

Thai

Portuguese

Russian

Vietnamese

Italian

Korean

Turkish

Indonesian

Polish

Hindi