在React中的组件内导入和使用组件时遇到问题

Question

我是Redux的初学者。我在同一文件夹中有一个名为regionList和Region的文件组件，我想在Region中导入regionList。但是一旦使用，它就无法工作... 请帮我解决这个问题。

  

Region.jsx

import React, { Component } from 'react';
import regionList from "./regionList";
import regionForm from './regionForm';
import { Row } from 'react-bootstrap';
import { Col } from 'react-bootstrap';
//import './regionManagement.scss';

export default class Region extends Component {
  render() {
    return (
      <regionList />
    ); 
  }
}

  

以下是regionList.jsx

import React, { Component } from 'react'

export default class regionList extends Component {
  render() {
    return (
      <div style={{width:"500px"}}>
        <div className="detail-head" style={{backgroundColor:"#c1c5ca",color:"blue",height:"45px",padding:"10px"}}>
          Name
        </div>
        <div style={{backgroundColor:"#e4e8e5",padding:"15px"}}></div>   
      </div>                  
    )
  }
}