React—组件

React—组件

app.js

class Nav extends React.Component{
    render () {
        return (
            <div className="nav">
                <ul>
                    <li>首页</li>
                    <li>帮助</li>
                    <li>关于我们</li>
                </ul>
            </div>
        )
    }
}

class Pic extends React.Component{
    render () {
        return (
            <div className="pic">
                <img className="img" src={require('./common/images/1.jpg')} alt=""/> // 相对路径
                <Nav></Nav> // 组件之间互相嵌套
            </div>
        )
    }
}

ReactDom.render(
    <div>
        <Nav></Nav>
        <Pic></Pic>
    </div>,
    document.getElementById('root')
)