欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

React—组件

程序员文章站 2022-06-06 19:56:41
...

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')
)





相关标签: 组件