React 初始

1. react 需要的文件

   \

   react 写在javascript 中，格式如下:

2. react 组件

   var HelloMessage = React.createClass({

   render: function(){
   
       return <h1> hello world! </h1>
   
   }
   

   });

   ReactDOM.render(

   <HelloMessage />,
   document.getElementById('example');
   

   );

3. react 复合组件

   var Website = React.createClass({
   render: function(){
   return (
   

               <Name name={this.props.name} />
               <Link site={this.props.site} />
   
           </div>
       );  
   }
   

   });

   var Name = React.createClass({
   render:function(){
   return (

   {this.props.name}

   );
   }
   })
   var Link = React.createClass({
   render:function(){
   return ({this.props.site});
   }
   })

ReactJS总结一下，主要有以下几点：

1、ReactJs是基于组件化的开发，所以最终你的页面应该是由若干个小组件组成的大组件。

2、可以通过属性，将值传递到组件内部，同理也可以通过属性将内部的结果传递到父级组件(留给大家研究)；要对某些值的变化做DOM操作的，要把这些值放到state中。

3、为组件添加外部css样式时，类名应该写成className而不是class;添加内部样式时，应该是style={{opacity: this.state.opacity}}而不是style=”opacity:{this.state.opacity};”。

4、组件名称首字母必须大写。

5、变量名用{}包裹，且不能加双引号。