React «экспорт по умолчанию» вопрос без гражданства компонента

Question

Почему это будет работать:

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

export default PostComponent; 

И не так:

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

Поздние говорит компонент не определен при импорте.

Answer 1

dfsq уже ответил в комментарии, и просто, чтобы вы знали, что это будет работать

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

, но делая это, компонент будет анонимным. Если React devtool установлен, вы увидите только StatelessComponent