reactjs - 警告：使用了不正确的大小写。对 React 组件使用 PascalCase，对 HTML 元素使用小写

Question

console.error node_modules/react-dom/cjs/react-dom.development.js:506 警告：使用了不正确的大小写。对 React 组件使用 PascalCase，对 HTML 元素使用小写。

我有 Jest 和 react-pdf 的问题

Answer 1

在 React(Native/JS) 世界中，你必须用 .PascalCase 命名你的组件PascalCase，PascalCase 是一种命名约定，其中复合词中每个单词的首字母大写。软件开发人员在编写源代码来命名函数、类和其他对象时经常使用 PascalCase。PascalCase 类似于 camelCase，除了 PascalCase 中的第一个字母总是大写。

所以你必须像这样命名你的组件：

function MyFnComp(props) {
.
.
.
}

class MyClsComp extentds React.Component {
.
.
.
}

export function App(){
  return (
    <MyFnComp />
    <MyClsComp />
    {/*Using lowercase for HTML elements:*/}
    <div> This is a HTML native element! </div>
  )
}

Answer 2

试试这个，将您的组件物理名称更改为 View（第一个字符大写），然后将所有导入也重命名为 View，然后重新启动您的可视化代码，我希望它对您有用