以下 React 组件有什么区别？ [复制]答案

【问题标题】：What is the difference between the following React components? [duplicate]以下 React 组件有什么区别？ [复制]
【发布时间】：2021-01-25 14:25:33
【问题描述】：

以下定义react组件的方法有什么区别？

第二种方法只是编写相同代码的一种更短的方法吗？它们会运行和渲染完全相同的东西吗？

import React from 'react'

function MyApp() {
    return (
        <h1>
            Hello, World!
        </h1>
    )
}

export default MyApp

import React from 'react'

export default function MyApp() {
    return (
        <h1>
            Hello, World!
        </h1>
    )
}

【问题讨论】：

这与 React 组件无关，而与它的导出方式有关。这两个示例都展示了提供相同默认导出的不同方式。
检查export-an-es6-default-class-inline-with-definition-or-at-end-of-file 问题。可能是重复的。

标签： javascript reactjs components

【解决方案1】：

我猜你的问题更多是关于export default 声明的位置。如果是这种情况，一般来说，如果 MyApp 是您想要导出的唯一内容，那么是的，这两种方法的行为相同。

【讨论】：