发表日期： 2021-06-03 15:44:37 浏览次数：91
泸州网站优化【泸州开通400电话】泸州网站搭建、泸州微信公众号推文外包、泸州开通京东拼多多设计、泸州淘宝装修
泸州，古称“江阳”，别称酒城、江城 [75] ，是四川省地级市，全国区域中心城市 [75] ，川渝滇黔结合部区域中心城市和成渝地区双城经济圈南翼中心城市 [1] 、重要的商贸物流中心，长江上游重要的港口城市。截止2020年12月底，全市乡镇政区126个，面积12232.34平方公里。2020年末全市公安户籍登记户数158.09万户，户籍总人口507.95万人，其中乡村人口305.71万人，城镇人口202.24万人，户籍人口城镇化率39.8% [12] ；2020年泸州市常住人口4254149人 [86] 。
泸州是国家历史文化名城，具有两千多年历史文化；西汉设江阳侯国；梁武帝大同年间建置泸州；泸州在宋代即为西南要会，明代即与成都、重庆三足鼎立，成为当时全国33个商业大都会之一。 [76] 形成了以名酒文化、生态文化、红色文化、历史文化、长江文化为代表的五大特色旅游资源；拥有国家4A级旅游景区7个，国家3A级旅游景区6个，国家2A级旅游景区9个。 [3-4] [75]
泸州是长江中上游地区第二大集装箱码头，四川第三大航空港 [77] ；也是第三批国家新型城镇化综合试点地区、跨境电子商务综合试验区；世界级白酒产业基地，国家重要的以名优酒为主体的食品工业基地、循环型化工基地、清洁能源生产基地、国家高性能液压件高新技术产业化基地、国家9大工程机械生产基地之一。 [2]
先后获得过联合国改善人居环境最佳范例奖（迪拜奖）、中国地级市民生发展100强、国家卫生城市、中国优秀旅游城市、国家森林城市、国家园林城市、全国文明城市、国家水生态文明城市等荣誉。 [5-6]
web端三大框架react、vue和angular，本篇教程介绍react的从入门到精通。
（1）一个.js文件中代码量过大，不好维护。
（2）某些功能或样式在项目中大范围使用，组件起到了封装代码的作用。
（1）未使用组件时
代码如下：
demo2代码
import React,{ Component } from 'react'class Demo2 extends Component { constructor(props) { super(props); this.state = { }; } render() { return ( <div style={{width:"100%", height:"300px", fontSize:"20px", textAlign:"center", backgroundColor:"#ccc"}}> Demo2 </div> ) }}export default Demo2效果如下：
代码如下：
demo2代码引入demo3组件
import React,{ Component } from 'react'import Demo3 from './demo3.js'class Demo2 extends Component { constructor(props) { super(props); this.state = { }; } render() { return ( <div style={{width:"100%", height:"300px", fontSize:"20px", textAlign:"center", backgroundColor:"#ccc"}}> Demo2 <Demo3/> </div> ) }}export default Demo2效果如下：
demo3部分代码：
import React,{ Component } from 'react'class Demo3 extends Component { constructor(props) { super(props); this.state = { }; } render() { return ( <div style={{width:"100%",height:"300px",fontSize:"20px",textAlign:"center",backgroundColor:"#eee"}}> Demo3 </div> ) }}export default Demo3注意：一个新的组件同样具备完整的生命周期。
如果你对上面的一无所知的话可以访问追梦猪git下载demo实现快捷开发，省掉安装的步骤
追梦猪react项目demo实例（https://github.com/jiawenguang/React-demo.git）
可以通过git clone方式下载项目结构。
