据我所知，所有的react组件必须从大写开始，它甚至包含页面（因为页面已经是组件，react路由器使用它们作为页面），你可以使用小写作为文件名，但你必须使用大写来使用它，否则babel会认为这是html标记，如果不是，它将返回错误
像这样：

import Signin from "./signin";

但是为了更好的可读性，最好也将文件名写成大写

import signin from "./signin";

如果你这样使用它，可读性就会有问题，
从登录.jsx

const signin = () => {
return (<></>)}

这里也要用小写
相反，

import Signin from "./Signin";

型
文件名也是Signin.jsx（扩展名是示例）

const Signin = () => {
return (<></>)}

这样更清晰易读，可以减少错误。

这是官方文件
https://reactjs.org/docs/jsx-in-depth.html也是另一个很好的资源：https://beta.reactjs.org/apis/react/createElement#caveats
“当元素类型以小写字母开头时，它指的是内置组件（如或），并导致将字符串'div'或'span'传递给React. createElement。以大写字母开头的类型（如编译为React.createElement（Foo））对应于JavaScript文件中定义或导入的组件。
我们建议用大写字母命名组件。如果您确实有一个以小写字母开头的组件，请在JSX中使用它之前将其分配给一个大写的变量。”