我可以在jsx中使用小写的组件名称吗？

Question

Docs of react说

  

React的JSX使用大写和小写约定来区分本地组件类和HTML标记。

但看起来它现在适用于两种情况

function foo(div) {
  <div.Form/>
}

Answer 1

div.Form是对变量的引用，因为它被解释为组件类。

function bar(myElement) {
  return <myElement />;
}

上面的代码不会使用您传入的myElement类，而是将myElement解释为HTML标记。

这就是它现在的工作方式，使用Babel转换JSX：

<强>零件

• <MyComponent />
• <myLibrary.MyComponent />
• <myLibrary.myComponent />（不要这样做，组件类应使用大写字母）
• <MyLibrary.MyComponent />（不要这样做，MyLibrary可能不是一个班级）

<强> HTML

• <div />
• <my-component />
• <myComponent />（不要这样做，HTML不区分大小写，小写
• <My-Component />（不要这样做，HTML不区分大小写，小写是惯例）