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;
温馨提示:扫码可以提问、交流。本人有各个行业的小程序前端代码,如有需要也可以扫码留言哦。