你好，欢迎来到懂视！登录注册

当前位置：首页 - 正文

怎样使用React进行组件库的开发

发布网友发布时间：2022-04-22 05:24

共2个回答

热心网友时间：2022-04-20 00:14

var navBar = React.createClass({
render: function (){
return <ul>{nav_li}</ul>
}
})12345

createClass创建react组件对应的类，描述组件的各种行为，render函数是必须实现的，表示渲染什么内容
下面来看我们的代码，接着前面封装导航栏组件
nav.js

// 创建组件
var NavBar = React.createClass({
liClick: function () {
alert('组件');
},
render: function(){
return <ul><li><a href="">最新电影</a></li><li><a href="" onClick={function(){alert('组件')}}>最新评论</a></li></ul>
}
});

ReactDOM.render(
// 使用组件
<NavBar />,
document.getElementById("navbar")
);12345678910111213141516

NavBar就是我们定义的组件，使用是方式是<NavBar />
这里我暂时不编译，在页面上引用nav.js

热心网友时间：2022-04-20 01:32

工具箱有添加组件功能。

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

最新推荐

猜你喜欢

热门推荐

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

Copyright © 2019-2022 51dongshi.com 版权所有

赣ICP备2023002352号-2

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务