Erreur de compilation : les fonctions fléchées doivent être exportées par défaut du module avant de les affecter à des variables

Question

L'erreur suivante s'est produite lors de la compilation :

Un avertissement s'est produit lors de la compilation.

src/Task.js

Ligne 4, premier caractère : attribuez la fonction flèche à une variable, puis exportez-la comme valeur par défaut du module import/no-anonymous-default-export ;
src/TaskList.js
Ligne 4, premier caractère : attribuez la fonction flèche à une variable, puis exportez-la comme valeur par défaut du module import/no-anonymous-default-export ;
Voici mon fichier JS :
Task.js
importer React depuis 'react';
importer TaskList depuis './TaskList' ;

exporter par défaut ({Tâche}) =>
    retour (
        

            {TaskList.description}
        
    );
}
TaskList.js
importer React depuis 'react';
importer une tâche depuis './Task.js'

exporter par défaut ({ tâches }) =>
    retour (
        

            {tasks.map(tâche => (
                

                    
                ≪/li>
            ))}
      
    );
}
Je viens de commencer à apprendre React et JavaScript. 

Answer 1

Pour les fonctions fléchées, comme elles sont anonymes, vous devez l'attribuer à une variable puis l'exporter. D'après votre code, cet exemple devrait fonctionner (mais n'oubliez pas de renseigner la logique dans la fonction tâches.map)

import React from 'react';
import TaskList from './TaskList';

const Tasks = ({ tasks }) => {
  return tasks.map(task => ( ... ));
} 

export default Tasks;

Cela est dû à la règle import/no-anonymous-default-export qui empêche l'exportation par défaut d'un module de ne pas être nommée.

Puisqu'il ne s'agit que d'un avertissement de charpie et non d'une erreur de syntaxe, votre code existant fonctionnera si vous désactivez la règle (mais je vous recommande de ne pas faire cela !).

Cette règle est utile car garantir la dénomination d'exportation par défaut contribue à améliorer la possibilité de recherche de votre base de code en encourageant la réutilisation du même identifiant là où il est déclaré et là où il est importé.