1-3 组件与模块

React依赖包我已上传地址如下：https://download.csdn.net/download/weixin_39162041/86264167

组件与模块

模块
1.向外提供特定功能的js程序，一般就是一个单独的js文件
2.为什么要拆成模块：随着业务的增加，代码越来越复杂
3.复用js，简化js,提供js效率

组件
1.用来实现局部功能效果的代码和资源的集合（html/css/js/image）等
2.用来提高代码的复用率，简化代码，提高运行效率

函数式组件
需要注意的地方：
1.组件首字母必须大写
2.函数必须有返回值
3.使用必须使用标签

<div id='text'></div>
      //函数式组件
      function Demo() {
        //此处的this是undefined，因为babel开启了严格模式。严格模式下禁止组件内的this指向window
        console.log(this);
        return <h2>sjsoj</h2>;
      }
      ReactDOM.render(<Demo />, document.getElementById("text"));
	 /*
      执行了ReactDOM.render后。
      1.react解析了组件标签，找到了Demo组件
      2.随后发现组件是函数定义的，随后调用函数，将返回的虚拟DOM,随后呈现在页面中
      */