reactjs – React：export const export default vs export defa

发布时间：2020-12-15 20:50:17 所属栏目：百科来源：网络整理

导读：我通过“双”导出遇到了当前的组件创建.你能解释一下它是否有真正的用途,或者只是作者的偏好？ import React from 'react'import DuckImage from '../assets/Duck.jpg'import './HomeView.scss'export const HomeView = () = ( div h4Welcome!/h4 img alt='T

我通过“双”导出遇到了当前的组件创建.你能解释一下它是否有真正的用途,或者只是作者的偏好？

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：当前代码稍后由webpack2捆绑.

在这种情况下,两个导出导出相同的东西.
都

import Homeview

和

import { Homeview }

会给你相同的模块(HomeView组件).

不过,我看到你正在使用Redux.如果你正在做类似的事情

export const HomeView ...

export default connect(mapStateToProps)(HomeView);

这可能很有用,因为您可能希望有时使用非Redux连接的组件,或者您可能需要它来进行测试.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!