nie może eksportować funkcję strzałki const

Question

nowy do ES6, starałem się zrobić React prosty składnik funkcjonalny tak

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

Ale

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

nie dały funkcję strzałki.

ale jeśli mogę zostawić off "todo const =" część w linku eksportowej, tak jak

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

Robi zaimportowany.

Dlaczego tak jest?

Answer 1

Próbujesz wyeksportować wartość domyślną i zadeklarować zmienną w tym samym czasie, co jest nieprawidłową składnią.

Należy wziąć pod uwagę, ponieważ wiemy, że można zadeklarować wiele zmiennych za pomocą tylko jednej instancji słowa kluczowego, var a, b, c; definicja eksportu nie miałaby żadnego sensu.

Co by to oznaczało? Co zostanie wyeksportowane?

Ponadto, używając składni export default, utworzono już zmienną o nazwie default, która musi zawierać wartość lub odwołanie.

Wyeksportuj zmienną, jeśli chcesz, aby stała.

const Todo =() => {}; 

export default Todo; 

Jest thread about this on ESDiscuss