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')
)
上一篇: APACHE + PHP3 + MYSQL在WIN98
下一篇: 一名普通程序员的自我诊断书
推荐阅读
-
踩坑笔记(八):React中局部css样式的实现
-
vue 后台之商品分类 (表榕树组件)
-
解决父子组件通信的三种Vue插槽
-
PHP开发框架Yii Framework教程(31) Zii组件-DetailView示例
-
children">
使用ant design组件时,Select设置mode="multiple"或mode="tags"时遇到问题:Uncaught Error: must set key for
children -
安卓四大组件之Sevice组件 --Android基础
-
ASP实用大全-ASP服务器组件(7)
-
Vue实现Element UI的下拉框默认选中,值来自父组件或异步获取
-
vue3.0模态框组件应用实例
-
vue组件中的布尔值data无法赋值