React: export const + export default vs export default

Question

I've come across current component creation with "double" export. Can you please explain if there is a real use of it, or it's just author preference?

import React from 'react'
import DuckImage from '../assets/Duck.jpg'
import './HomeView.scss'

export const HomeView = () => (
  <div>
    <h4>Welcome!</h4>
    <img
      alt='This is a duck, because Redux!'
      className='duck'
      src={DuckImage} />
  </div>
)

export default HomeView

P.S: Current code is later bundled by webpack2.

Answer 1

In this case, the two exports are exporting the same thing. Both

import Homeview

And

import { Homeview } 

Will give you the same module (the HomeView component).

I see you're using Redux, though. If you were doing something like

export const HomeView ...

export default connect(mapStateToProps)(HomeView);

That could be useful in that you might want to use the non-Redux-connected component sometimes, or you might need it for testing.