初学react

优点:

1、组件化——帮助分工、合作、效率高

2、虚拟DOM——性能高

3、跨平台——移动端、网页

4、开放——可以和原生、jq配合

JSX

1.增强型js语法——html代码直接放js里

2.babel编译JSX(需下载bable)

注意:顶级元素有且仅有一个

ReactDOM.render(什么东西, 到哪儿去)
ReactDOM.render(
                <span></span>,  //OK        
      //错      <span></span><span></span>,  
      //错      asd<span></span>bdbaa,       
                oDiv
)

组件写法:

class 组件名 extends React.Component{
        constructor(...args){
                super(...args);
      }
        render(){
                return 任何东西
      }
}

ReactDOM.render(
        <组件名/>,
        容器
);

组件的参数:
1.传进去
<xxx a="12"/>

2.里面如何用
this.props.a
React加事件:
<input onClick={this.fn} /> 直接加
<input onClick={this.fn.bind(this)} /> 加事件的同时,解决this问题
未完待续...

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容