react.js - react组件或者页面，写与不写export的依据是什么？
react组件或者页面，，写与不写export的依据是什么？
比如，下面的代码：
import './globals.css'import type { Metadata } from 'next'import { Inter } from 'next/font/google'const inter = Inter({ subsets: ['latin'] })export const metadata: Metadata = { title: 'Create Next App', description: 'Generated by create next app',}export default function RootLayout({ children,}: { children: React.ReactNode}) { return ( <html lang="en"> <body className={inter.className}>{children}</body> </html> )}上面的代码中，
第一个常量inter没有写export，
第二个常量metadata写了export.
那么，什么时候要写export，什么时候不写export呢？
共有3个答案
如果这个文件内的所有方法和属性，都只是在当前文件内部使用，无需exprot出去。如果当前文件有任何属性和方法，被其他文件引用，则必须使用export进行导出。所以依据就是，你是否在其他地方引用了当前文件中的属性和方法：
需要导出变量或组件给其他文件引用, 则export, 否则不需要。
当一个 变量/常量 只有文件内部使用的时候就不写 export，如果其他文件有访问的需求那么就写 export。跟普通 javascript 一样，React 也没什么特殊的地方。
-
我有3个组件:、和。组件负责呈现,但其方式不同。 的render函数在运行时之前静态声明，如下所示： 而则处理在运行时动态接收和呈现,如下所示： 和都具有侦听器，以便在单击时更改其状态和重写器。我注意到，当单击时，它和都将被重新呈现。但是当我单击时，将只重新呈现父级，而不是。 是一个没有的功能组件，所以我不明白为什么它不能重播。有人能解释一下为什么会这样吗？我在与这个用例相关的文档中找不到任何东西
-
问题内容： 我对React.js还是很陌生，但是在探索它时，我期望我做不到的事情。 说我有一个组成部分： 这是将其添加到DOM的唯一方法吗？ 我希望在定义组件之后能够直接在HTML中执行类似的操作： 我想念什么吗？谢谢 问题答案： 不，使用是“唯一的方法”。 您可能会期望像Webcomponents这样的东西，您可以在其中定义自定义元素并将其放入HTML中，但这不是React的工作方式（也许）。
-
react/jsx-runtime 是不是也可以 external
-
本文向大家介绍React 组件转 Vue 组件的命令写法，包括了React 组件转 Vue 组件的命令写法的使用技巧和注意事项，需要的朋友参考一下 基于目前React和Vue比较火，开发react-to-vue 工具的目的是为了进一步提高组件的可复用用性，让组件复用不仅仅局限在一个框架里面 简介 对于react-to-vue工具，转化的是基本的react component，而不是全部的react
-
兄弟们，在react项目中，这种标准的搜索列表页有没有最佳实践？ table和form联动，同时table的操作栏中也有可能需要拿取到form的表单信息，table支持分页
-
新手上路，我在本地写 React 然后渲染了 1000 个组件，请问我要怎么去测试或者知道全部渲染结束花了多久时间以及渲染瓶颈在哪呢？