non può esportare la funzione freccia const

Question

nuovo a ES6, stavo cercando di fare un Reagire semplice componente funzionale come questo

// ./Todo.jsx 

    export default const Todo = ({ 
     todos, 
     onTodoClick, 
    }) => (
     <ul> 
     {todos.map((todo, i) => 
      <li key  = {i} 
       onClick = {() => onTodoClick(i) } 
       style = {{textDecoration: todo.completed ? 'line-through': 'none' }} 
       > 
      {todo.text} 
      </li> 
     )} 
     </ul> 
    ) 

Ma

// Another file 
import Todo from './Todos.jsx'; 
console.log(Todo) // undefined 

non ha dato la funzione freccia.

ma se lascio fuori "todo const =" parte nel link di esportazione, in questo modo

export default ({ 
     todos, 
     onTodoClick, 
    }) => (...) 

Essa viene importato con successo.

Perché è quello?

Answer 1

Si sta tentando di esportare un valore predefinito e dichiarare una variabile allo stesso tempo, che è una sintassi non valida.

Considerare quanto segue, poiché sappiamo che è possibile dichiarare più variabili utilizzando solo un'istanza della parola chiave, var a, b, c;, la definizione di esportazione non avrebbe alcun senso.

export default var a, b, c; 

Cosa significherebbe? Cosa verrebbe esportato?

Inoltre, l'utilizzo della sintassi export default crea già una variabile denominata default che deve contenere un valore o un riferimento.

Esportare invece la variabile se si desidera renderla una costante.

const Todo =() => {}; 

export default Todo; 

C'è un thread about this on ESDiscuss