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

Question

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

Answer 1

var navBar = React.createClass({render: function (){return <ul>{nav_li}</ul>}})12345createClass创建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"));12345678910111213141516NavBar就是我们定义的组件，使用是方式是<NavBar />这里我暂时不编译，在页面上引用nav.js