使用组件时遇到问题

Question

我已经构建了一个组件，但无法使用，以前从未遇到过类似的问题。

我已经尝试了很多Google和搜索功能，但是找不到解决方案。

您可以在此处查看示例应用程序：https://codesandbox.io/s/somemath-1il3r

Answer 1

将import triangleArea from "./src/components/triangleArea";更改为import TriangleArea from "./src/components/triangleArea";

类似地将<triangleArea />更改为<TriangleArea />

为什么

自定义components use PascalCase

Answer 2

这是因为组件必须大写。您将不得不重写您的组件以拥有国会大厦T