React脚手架（2）组件的结构和JSX

组件的创建

前端的文件目录树，除了特定的配置文件之外，其他都可以按照自己的项目需求创建，但是要层次结构分明，一般情况下，我们按照组件功能或者路由来生成项目的目录树（示例在src目录下新建一个components文件夹，然后在其中新建组件）。

• 组件的文件

React中的组件都是以JS文件的形式呈现的。

新建HeaderNav组件，那就新建一个header-nav.js

• 组件的代码

React中组件的具体代码形式是一个class类，比如：

class HeaderNav {
   
	// code 
}
export default HeaderNav

这个类和普通的JS的类没有什么区别，那么如何区分组件类和普通的类。

React封装了一个Component类，在其中封装了React提供的组件的基本操作，声明一个普通的类，让其继承于Component类，那么这个类就会被当做一个组件去使用ÿ