reactjs - ReactJs，我对 jsx 和组件元素有一个奇怪的问题

Question

对不起，我只使用图片，我在想也许图片可以更好地讲述正在发生的事情......问题是当我尝试像在测试 1 中那样输入一个元素时。它失败了，如果它是单独的，它会说导入的项目没有被使用......这里有什么问题？对于测试 1 和 2，它应该两次渲染相同的东西。

这是我的 app.js

这是我的组件

这是屏幕的输出

标签： reactjs

Answer 1

因为组件的名称必须大写。您可以在这里阅读更多内容：https ://reactjs.org/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized

当元素类型以小写字母开头时，它指代内置组件，如 or 并导致传递给 React.createElement 的字符串 'div' 或 'span'。以大写字母开头的类型，如编译为 React.createElement(Foo) 并对应于 JavaScript 文件中定义或导入的组件。