图像未在 react.js 上呈现

Question

我创建了一个反应应用程序并制作了一个测试组件，我尝试渲染它但它没有渲染

这是组件： https : //i.stack.imgur.com/vsNH1.png

这是主要的 App.js 文件： https ://i.stack.imgur.com/P8lY7.png

这是我的结果： https : //i.stack.imgur.com/mQrFd.png

为什么我的测试组件没有渲染？

Answer 1

React 组件必须以大写字母开头。 JSX 认为非大写名称只是常规的 HTML 标签（如div ），因此您的输出标记将只是<test /> 。

引用JSX 文档：

JSX 标签的第一部分决定了 React 元素的类型。

大写类型表示 JSX 标签指的是 React 组件。 这些标签被编译成对命名变量的直接引用，所以如果你使用 JSX 表达式，Foo 必须在范围内。

您的test组件必须命名为Test 。