Question

如果使用 JSX 渲染组件，则该组件的名称必须以大写字母开头，否则 React 将会抛出无法识别标签的错误。这种约定是因为只有 HTML 元素和 SVG 标签可以以小写字母开头。

定义组件类的时候，你可以以小写字母开头，但在导入时应该使用大写字母。

class myComponent extends Component {
  render() {
    return <div />
  }
}

export default myComponent

当在另一个文件导入时，应该以大写字母开头：

import MyComponent from './MyComponent'