Problème du composant sans état "export default" de React

Question

Pourquoi ça marcherait :

const PostComponent = ({post}) => (
  <span>
      <div>{post.text}</div>
  </span>
)

export default PostComponent;

Et pas ça :

export default PostComponent = ({post}) => (
  <span>
      <div>{post.text}</div>
  </span>
)

Le dernier indique que le composant est indéfini lorsqu'il est importé.

Answer 1

Dfsq a déjà répondu dans les commentaires, et juste pour vous faire savoir, ceci fonctionnera

export default ({post}) => (
  <span>
      <div>{post.text}</div>
  </span>
)

mais en faisant cela, le composant sera anonyme. Si vous avez installé React devtool, vous verrez juste StatelessComponent