React—组件封装

React—组件封装

1、新建文件夹
src=》component=〉nav文件夹=》nav.js

2、nav.js

import React, {Component} from 'react';
export default class Nav extends Component {
    render () {
        return (
            <div className="nav">
                <ul>
                    <li>首页</li>
                    <li>帮助</li>
                    <li>关于我们</li>
                </ul>
            </div>
        )
    }
}

3、app.js

import Nav from 'nav/nav'
ReactDom.render(
    <div>
        <Nav></Nav>
    </div>,
    document.getElementById('root') 
)