React+ant-design 的App.js末尾的“exprort default App”是干什么的？

Question

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 文件夹里面的结构是怎样的呢？
小白求助，谢谢大家！

Answer 1

输出APP组件，这样你就能在其他文件里面来引入APP，进行直接调用

Answer 2

明白啦，谢谢前辈，是不是输出的<App />是在index.js中引入的？一直对文件结构有点迷糊。。

Answer 3

es6模块系统，导出的就是组件
其他组件使用<App />

Answer 4

建议先看一下react的文档和api，这个是基础的知识