怎么封装一个按钮的react组件?

Question

怎么封装一个按钮的react组件

Answer 1

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