react 組件的創建以及引入方式

一、新建一個文件夾（user），一個組件就是一個文件夾

　　文件夾下建立 index.js (寫組件內容) 、style.less(寫組件樣式)、 img(文件夾，需要的話放入圖片)

目錄層級：

　　user

　　　　-- index.js(組件內容：組件名首字母大寫)

　　　　-- style.less(組件樣式)

　　　　-- images（圖片文件夾）

　　　　　　-- 圖片文件

二：在 index.js  文件夾下 ，寫組件

//首先第一行,新建組件用,引入react組件
import React, { Component } from 'react';

//第二行，引入less 樣式
import XX from './XX.less';

//第三行開始創建組件 
class 組件名 extends Component{
    render(){
        return(
            代碼（代碼樣式引入（ className = {xx.header} ））header是類名
                )
          }
}

//組件創建完后：
export default 組件名稱 
                   

三、父組件引該子組件

父組件的 index.js 下，

import 該子組件名 from './文件夾名';
./表示當前文件夾

<子組件名／> 調用