react 组件创建及调用

// 组件:可被反复使用的带有特定功能的视图!!
创建

var MyComponent = React.createClass({
render:function(){
return <div>
<p>这是自己的组件</p> <button>clickMe</button>
</div>
}
})


调用
ReactDOM.render(
  <MyComponent></MyComponent>,
document.getElementById('example')
)

注意事项
①组件类的命名 遵循全驼峰 Test/MyComponent
②渲染多个标签,要放在一个顶层标记
③在render方法渲染元素时,如果return加换行,加上一个圆括号包起来
return (
    <div></div>
    )
④出现在react中的标签都得有开始有结束
<input type='text'/>
 

猜你喜欢

转载自www.cnblogs.com/iamlhr/p/10905829.html