【建站服务】【岳阳开网店】岳阳淘宝网店页面设计-岳阳拼多多店铺搭建-岳阳亚马逊网店代运营公司-岳阳网店首页详情页设计托管外包-岳阳京东店招设计美工-岳阳网店主图设计排版-域名申请

日期： 2022-09-20 16:31:49 浏览数：3

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

【岳阳开网店】岳阳淘宝网店页面设计-岳阳拼多多店铺搭建-岳阳亚马逊网店代运营公司-岳阳网店首页详情页设计托管外包-岳阳京东店招设计美工-岳阳网店主图设计排版

网站建设.jpg

网页制作

岳阳，古称“巴陵”，又名“岳州”，湖南省地级市，省域副中心城市，第二大经济体，国务院首批沿江开放城市，长江中游重要的区域中心城市 [1] ，湖南省大城市 [2] ，湖南自贸区 [3] 。建城始于公元前505年，因原郡治位于天岳幕阜山之南而得名 [4] ，是一座有着2500多年悠久历史的文化名城。位于湖南省东北部 [5] ，北枕长江，南纳三湘四水，怀抱洞庭，江湖交汇，行政区域面积14858平方千米 [89] 。根据第七次人口普查数据，岳阳市常住人口为5051922人。 [87]

岳阳交通极为便利，长江、京广铁路、浩吉铁路、京广高铁、京港澳高速公路、杭瑞高速公路等国家交通主动脉在市区交织成网。岳阳是湖南唯一的国际贸易口岸城市，也是中国著名的港口城市。城陵矶港通江达海，设有城陵矶综合保税区 [6] 。2018年12月26日岳阳三荷机场正式通航，该市形成水陆空铁四位一体综合性大交通格局。 [7] 2020年，岳阳市实现地区生产总值4001.55亿元。 [88]

岳阳人文深厚、风景秀丽，集名山、名水、名楼、名人、名文于一体，是中华文化重要的始源地之一，亦是海内外闻名的旅游胜地。2014年岳阳获评中国最具幸福感和最具文化软实力之城，是全国唯一获取两项殊荣的地级市。2015年，岳阳荣膺“中国十大活力休闲城市”。2015年，岳阳获得“全国文明城市”称号 [8] 。2019年，岳阳位列中国地级市百强第37名 [9] 。2020年6月，经中央依法治国委入选为第一批全国法治政府建设示范地区和项目名单。 [10] 2020年7月，全国爱卫会确认岳阳市城市为国家卫生城市。 [11]

微信公众号开发

React 组件

本章节我们将讨论如何使用组件使得我们的应用更容易来管理。

接下来我们封装一个输出 "Hello World！" 的组件，组件名为 HelloMessage：

React 实例

function HelloMessage(props) {
    return <h1>Hello World!</h1>;}
 const element = <HelloMessage />; 
ReactDOM.render(
    element,    document.getElementById('example'));

尝试一下 »

实例解析：

1、我们可以使用函数定义了一个组件：

function HelloMessage(props) {
    return <h1>Hello World!</h1>;
}

你也可以使用 ES6 class 来定义一个组件:

class Welcome extends React.Component {
  render() {
    return <h1>Hello World!</h1>;
  }
}

2、const element = <HelloMessage /> 为用户自定义的组件。

注意，原生 HTML 元素名以小写字母开头，而自定义的 React 类名以大写字母开头，比如 HelloMessage 不能写成 helloMessage。除此之外还需要注意组件类只能包含一个顶层标签，否则也会报错。

如果我们需要向组件传递参数，可以使用 this.props 对象,实例如下：

React 实例

function HelloMessage(props) {
    return <h1>Hello {props.name}!</h1>;}
 const element = <HelloMessage name="Runoob"/>; 
ReactDOM.render(
    element,    document.getElementById('example'));

尝试一下 »

以上实例中 name 属性通过 props.name 来获取。

注意，在添加属性时， class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字。

复合组件

我们可以通过创建多个组件来合成一个组件，即把组件的不同功能点进行分离。

以下实例我们实现了输出网站名字和网址的组件：

React 实例

function Name(props) {
    return <h1>网站名称：{props.name}</h1>;}function Url(props) {
    return <h1>网站地址：{props.url}</h1>;}function Nickname(props) {
    return <h1>网站小名：{props.nickname}</h1>;}function App() {
    return (
    <div>
        <Name name="菜鸟教程" />
        <Url url="http://www.runoob.com" />
        <Nickname nickname="Runoob" />
    </div>    );}
 ReactDOM.render(
     <App />,    document.getElementById('example'));

尝试一下 »

实例中 App 组件使用了 Name、Url 和 Nickname 组件来输出对应的信息。

商城小程序开发

React State(状态)

React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。

React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。

以下实例创建一个名称扩展为 React.Component 的 ES6 类，在 render() 方法中使用 this.state 来修改当前的时间。

添加一个类构造函数来初始化状态 this.state，类组件应始终使用 props 调用基础构造函数。

React 实例

class Clock extends React.Component {
  constructor(props) {
    super(props);    this.state = {date: new Date()};  }
 
  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>现在是 {this.state.date.toLocaleTimeString()}.</h2>
      </div>    );  }}
 ReactDOM.render(
  <Clock />,  document.getElementById('example'));

尝试一下 »

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）