React.js 将函数导出到主 App.js 文件夹不起作用

Question

使用简单的 hello world 语句创建了一个 function.js 文件夹。当尝试将此功能导出到 App.js 文件夹时，它不起作用

尝试重写代码并启动一个新程序。期待网页上生成Hello World

App.js

()

function.js

()

Answer 1

有几件事要记住，

• 以大写字母开头的组件名称与原生 HTML 元素不同，因此 React 将它们视为组件并调用它来渲染从其返回的 JSX。
• 如果您使用打字稿，您可以使用 .jsx 或 .tsx 命名文件..
• 请检查控制台是否有有用的错误，警告本身具有推荐的解决方案，如上面的案例所示：

在您想要实现的目标上添加一个简单的示例，包括工作组件和非工作组件（您可以删除出于演示目的而添加的小写组件）

function Test()

✅ React 很乐意将其视为组件并调用它来渲染返回的 jsx

funtion test()

❌react 很不高兴，因为它认为它是一个本机 html，不应该被它调用

希望它有帮助😃..快乐编码！！