react引入组件无效

react引入组件无效

问题
一、在react中创建一个js文件，使其作为一个组件

import React, {Component} from 'react';
class uinitIndex extends Component {
    render () {
        return (
            <div>
                <p>我是uinit组件</p>
            </div>
        );
    }   
    
}
export default uinitIndex;

二、将创建好的组件在App.js中引用

import logo from './logo.svg';
import './App.css';
import { Input, Tree, Empty, Button, Popconfirm } from 'antd';
import uinitIndex from './sideLeft/uinitIndex';
import React,{Component} from 'react';

function App() {
  return (
    <div className="App">
      <p onClick={() => alert('click')}>小小Gai</p>
      <uinitIndex />
      <Button type="primary">点击</Button>
    </div>
  );
}
export default App;

将组件

<uinitIndex/>

以上面代码中的方式引用，组件一直无效，内容根本就出不来

解决
react中的组件引用的时候，引用名字的首字母必须大写