005-react---组件

1、react组件编写
温馨提示：在src目录下新建一个components文件，把组件放到该目录下。

import React, { Component } from 'react';
import './components/leftMenu/left-menu.sass';

class leftMenu extends Component{
	render () {
		const lists = ['首页','登录'];
		return (
			<ul className="left-menu">
 				{
 					lists.map(function(name,index){
 						return <li key={index}>{name}</li>
 					})
 				}
 			</ul>	
		)
	}
}

export default leftMenu;

2、使用组件
/温馨提示：命名组件时首字母要大写/

	import React, { Component } from 'react';
	import LeftMenu from './components/leftMenu/left-menu';
	class App extends Component {
	  render() {
	    return (
		    <LeftMenu></LeftMenu>
	    );
	  }
	}
	
	export default App;

温馨提示：扫码可以提问、交流。本人有各个行业的小程序前端代码，如有需要也可以扫码留言哦。