Array.prototype.map() verwacht een retourwaarde van de pijlfunctie :Fix

De foutmelding “ Array.prototype.map() verwacht een retourwaarde van Arrow Function ” kan verschijnen in Javascript. Er zijn verschillende scenario’s waarin u met dit probleem te maken kunt krijgen en er zijn meerdere manieren om dit probleem te omzeilen. Over het algemeen, als u de functie “ Array.prototype.map() ” gebruikt, als deze niets (null) retourneert tijdens de uitvoering van de code. Als u anders een fout hebt gemaakt in de voorgaande stappen met betrekking tot de filtermethode, kan dezelfde foutmelding ook verschijnen.

Oplossing – 1 Vervang het haakje

Normaal gesproken veroorzaakt het haakje in de code geen enkele fout. Maar in dit geval is het gebruik van {} in plaats van () in de code.

Voorbeeld – Dit codefragment –

{

If (Object.keys(t.pr.part).map((par) => {

if(t.pr.part[par].user_identifiant === getUrlParams(window.location.hash).user_identifiant)

deze.setState({

par:t.pr.part[deel].id_user

})

})

}

Dit deel van de code krijgt het bericht ‘ Er wordt verwacht dat er een waarde wordt geretourneerd in de pijlfunctie ‘. Om dit op te lossen, wijzigt u eenvoudigweg dit “ ({ ” in “ (( ” in de code.

Zoals het codefragment er zo uit zal zien:

Object.keys(t.pr.part).map((par) => {

if(t.pr.part[par].user_identifiant === getUrlParams(window.location.hash).user_identifiant)

deze.setState((

par:t.pr.part[deel].id_user

))

)}

))

Op deze manier kunt u problemen met de code oplossen.

Fix 2 – Gebruik ForEach in plaats daarvan Array.map

In plaats van de functie Array.map te gebruiken, gebruikt u de functie Array.ForEach in de code om dezelfde resultaten te bereiken.

De functie Foreach kan worden gebruikt in plaats van de kaartmethode te gebruiken als de specifieke functie van de code geen enkele waarde hoeft te retourneren.

Voorbeeld –

ListService?.map((service, j) => {

opbrengst (

<Hoofdservicesleutel={service.id} {…{service, num: j }} />

)

})

U kunt de hoofdkaartfunctie vervangen en de code op deze manier wijzigen:

ListService?.forEach((item) => {

csvData.push({

“Naam”: item?.name,

“Werk”: item?.desc,

})

})

Op deze manier kunt u de functie Array.map volledig omzeilen en voorkomen dat u het retourwaardebericht ontvangt.

Fix 3 – Retourneer de nulwaarde

U moet een else-voorwaarde aan het einde van de code opnemen en deze de null-waarde laten retourneren, als de functie Array.map geen enkele waarde kan herhalen.

Het is heel makkelijk. Voeg dit gewoon toe –

else {

retourneer nul:

}

}

Wees voorzichtig met de haakjes en voer de code uit. Compileer vervolgens de code, voer deze uit en test.

Telkens wanneer de code faalt, zal deze op zijn minst een nulwaarde herhalen, en niet het foutbericht ” Array.prototype.map() verwacht een retourwaarde van Arrow Function “.

Fix 4 – Gebruik de filtercode

Er is een andere manier om met dit probleem om te gaan. Gebruik de “ ArrayPrototype.filter() ” in plaats van Array.prototype.map(), als het de vereiste is om waarden te scheiden op basis van bepaalde parameters.

De belangrijkste syntaxis voor deze code is –

let newArray = array.filter(callback(element[, index[, array]])[, thisArg])

Dit is een ingebouwde methode die de volledige set gegevens kan filteren die aan de voorwaarde van de opgegeven functie voldoet.

Dit zijn de manieren waarop u problemen met het retourwaardebericht in Javascript kunt oplossen.