reactjs - React:导出const +导出默认vs导出默认

我通过“双”导出遇到了当前的组件创建。您能否解释一下它是否真正有用，还是仅仅是作者偏爱？

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

附言：当前代码稍后由webpack2捆绑。

最佳答案

在这种情况下，两个出口都在出口同一物品。
都

import Homeview

和

import { Homeview }

将为您提供相同的模块（HomeView组件）。

不过，我看到您正在使用Redux。如果您正在做类似的事情

export const HomeView ...

export default connect(mapStateToProps)(HomeView);

这可能很有用，因为您有时可能想使用非Redux连接的组件，或者可能需要进行测试。

关于reactjs - React:导出const +导出默认vs导出默认，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42334496/