react 做项目组件引入以及创建流程

一:新建一个文件夹,一个组件就是一个文件夹

文件夹下建立 index.js (写组件内容) 、style.less(写组件样式)、 img(文件夹,需要的话放入图片)

二:在 index.js  文件夹下 ,写组件

首先第一行 

import React, { Component } from 'react';

新建组件用;

第二行 

import XX from './XX.less';

引入less 样式

第三行开始创建组件 

class 组件名 extends Component{
 render(){
   return(
     代码(代码样式引入( className = {xx.header} ))header是类名
    )
  }
}

组件创建完后:

export default 组件名称 
三、父组件引该子组件
父组件的 index.js 下,
import 该子组件名 from './文件夹名';
./表示当前文件夹
<子组件名/> 调用


阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页