import React, { Component } from 'react';
import { Button } from 'antd';
import { Row, Col } from 'antd';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <Button type="primary">Button</Button>
        <Button>Default</Button>
        <Button type="dashed">Dashed</Button>
        <Button type="danger">Danger</Button>

        <Row>
          <Col span={12}>
            <Button type="primary">Button</Button>
          </Col>
          <Col span={12}>
            <Button type="primary">Button</Button>
          </Col>
        </Row>
        <Row>
          <Col span={12}>
            <Button type="primary">Button</Button>
          </Col>
          <Col span={12}>
            <Button type="primary">Button</Button>
          </Col>
        </Row>
        <Row>
          <Col span={12}>
            <Button type="primary">Button</Button>
          </Col>
          <Col span={12}>
            <Button type="primary">Button</Button>
          </Col>
        </Row>
      </div>
    );
  }
}

export default App;

大家好，我在尝试用 ant-design 写网页，但是不清楚上面的 export default App 具体起什么作用。是不是把所有的组件装到App这个组件中去，然后拿去渲染？但是用来渲染的 ReactDOM.render() 在哪里呢？
还有请问一下，一个正规的 React 项目中的 src 文件夹里面的结构是怎样的呢？
小白求助，谢谢大家！