gpt4 book ai didi

reactjs - react : export const + export default vs export default

转载 作者:行者123 更新时间:2023-12-03 13:14:24 31 4
gpt4 key购买 nike

我遇到过使用“双”导出来创建当前组件的情况。您能否解释一下它是否有真正的用途,或者只是作者的偏好?

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 连接的组件,或者您可能需要它进行测试。

关于reactjs - react : export const + export default vs export default,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42334496/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com