Erreur de compilation : les fonctions fléchées doivent être exportées par défaut du module avant de les affecter à des variables
P粉760675452
P粉760675452 2023-08-30 13:05:14
0
1
533
<p>L'erreur suivante s'est produite lors de la compilation : </p> <p>Un avertissement s'est produit lors de la compilation. </p> <p>src/Task.js</p> <pre class="brush:php;toolbar:false;">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</ pré> ; <p>src/TaskList.js</p> <pre class="brush:php;toolbar:false;">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</ pré> ; <p>Voici mon fichier JS :</p> <p>Task.js</p> <pre class="brush:php;toolbar:false;">importer React depuis 'react'; importer TaskList depuis './TaskList' ; exporter par défaut ({Tâche}) => retour ( <p> {TaskList.description} </p> ); }</pré> <p>TaskList.js</p> <pre class="brush:php;toolbar:false;">importer React depuis 'react'; importer une tâche depuis './Task.js' exporter par défaut ({ tâches }) => retour ( <ul className="list-group"> {tasks.map(tâche => ( <li key={task.id} className ="list-group-item"> <Tâche tâche={tâche} /> ≪/li> ))} </ul> ); }</pré> <p>Je viens de commencer à apprendre React et JavaScript. </p>
P粉760675452
P粉760675452

répondre à tous(1)
P粉420868294

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é.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal