kann nicht exportieren const Pfeil Funktion

Question

neu ES6, ich habe versucht, eine einfache funktionale Komponente wie diese

// ./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> 
    ) 

Aber

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

nicht nachgeben den Pfeil Funktion Reagieren zu machen.

aber wenn ich die "const todo =" Teil in dem Export Link wegzulassen, wie so

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

Es wird erfolgreich eingeführt.

Warum ist das?

Answer 1

Sie versuchen, einen Standard zu exportieren und gleichzeitig eine Variable zu deklarieren, was eine ungültige Syntax ist.

Betrachten Sie Folgendes, da wir wissen, dass Sie mehrere Variablen mit nur einer Instanz des Schlüsselwortes var a, b, c; deklarieren können, da die Exportdefinition überhaupt keinen Sinn ergibt.

export default var a, b, c; 

Was würde das bedeuten? Was würde exportiert werden?

Darüber hinaus erstellt die Syntax export default bereits eine Variable namens default, die einen Wert oder eine Referenz enthalten muss.

Exportieren Sie stattdessen die Variable, wenn Sie eine Konstante erstellen möchten.

const Todo =() => {}; 

export default Todo; 

Es gibt ein thread about this on ESDiscuss