javascript - 以下 React 组件之间有什么区别?

标签 javascript reactjs components

<分区>

以下定义 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>
    )
}

最佳答案

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

关于javascript - 以下 React 组件之间有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64298103/

相关文章:

javascript - 如何在 JEST 中测试并行的模拟数据请求,同时以 500 毫秒的阈值模拟缓存响应

css - 在 react 中动态设置子组件的样式

javascript - react onSelect 事件不起作用

javascript - react : get Form values from children component on submit

java - JSF 用户界面 :fragment rendered performance

javascript - 让Jquery\Javascript更高效

javascript - 图像 slider 问题

php - 当使用 JavaScript 在文件字段中未选择要上传的文件时,会弹出警报

javascript - React Native 项目中使用关键字 "declare"的未知语法

nhibernate - Fluent NHibernate 共享列的组件