React导入/导出

Question

因此，我正在尝试将此函数导出到我的主React App.js文件夹中，但它仅在函数名称为大写时才起作用。这非常奇怪，因为我从来没有遇到过这种行为。这是不起作用的代码：

export const family = () => {
  return <p>gfdgdfgfdgdfgdf</p>;
};

import import { family } from "./PersonInfo/PersonInfo.js";

//在我的App.js类组件中，我使用了JSX：<family/>

但是，当我尝试此代码时，它可以工作：

export const Family = () => {
  return <p>dfgfdgfdgdf</p>;
};

import { Family } from "./PersonInfo/PersonInfo.js";

//在我的App.js类组件中，我使用了JSX：<Family/>

使用小写有什么问题？

Answer 1

这是因为用户定义的组件必须大写。https://reactjs.org/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized

编辑:您的问题实际上与ReactJS component names must begin with capital letters?相关