当前位置：首页» 网络推广 » 【建站服务】【聊城开网店】聊城淘宝网店页面设计-聊城拼多多店铺搭建-聊城亚马逊网店代运营公司-聊城网店首页详情页设计托管外包-聊城京东店招设计美工-聊城网店主图设计排版-域名申请

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

作者: 风兰 . 阅读量： 3 . 发表时间：2022-09-20 16:31:49

网站建设

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

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

网站建设.jpg

网页制作

聊城市，山东省地级市。位于山东省西部，西隔漳卫河与河北省邯郸市、邢台市相望，南部隔金堤河与河南省为邻，东南隔黄河与泰安市、济南市为邻，北部和东部与德州市接壤。市域介于东经115°16′—116°32′和北纬35°47′—37°02′之间，东西直距114千米，南北直距138千米，总面积8715平方千米，辖东昌府区、茌平区、临清市、冠县、莘县、阳谷县、东阿县、高唐县8个行政县（市）区和国家级经济技术开发区、高新技术产业开发区、江北水城旅游度假区3个市属开发区（功能区）。 [1-2] 根据第七次人口普查数据，截至2020年11月1日零时，聊城市常住人口为5952128人。 [32]

聊城是国家历史文化名城，6000多年前，聊城即有大汶口文化古城，先后创造了史前文化、运河文化、红色文化等 [1] ，境内名胜古迹2700多处，有旅游开发价值的景观有470多处。国家级重点文物保护单位3处，省级重点保护单位15处，聊城城区独具“江北水城”特色，有“中国北方的威尼斯”之称，是2019年山东省新型智慧城市建设试点城市。 [3] 2020年10月，被评为全国双拥模范城（县）。

2019年，聊城市实现地区生产总值2259.82亿元，比上年增长3.7% [4] 。2020年，聊城市实现地区生产总值2316.84亿元，比2019年增长2.8%

微信公众号开发

React 条件渲染

在 React 中，你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。

React 中的条件渲染和 JavaScript 中的一致，使用 JavaScript 操作符 if 或条件运算符来创建表示当前状态的元素，然后让 React 根据它们来更新 UI。

先来看两个组件:

function UserGreeting(props) {
  return <h1>欢迎回来!</h1>;}function GuestGreeting(props) {
  return <h1>请先注册。</h1>;}

我们将创建一个 Greeting 组件，它会根据用户是否登录来显示其中之一：

React 实例

function Greeting(props) {
  const isLoggedIn = props.isLoggedIn;  if (isLoggedIn) {
    return <UserGreeting />;  }
  return <GuestGreeting />;}
 ReactDOM.render(
  // 尝试修改 isLoggedIn={true}:
  <Greeting isLoggedIn={false} />,  document.getElementById('example'));

尝试一下 »

元素变量

你可以使用变量来储存元素。它可以帮助你有条件的渲染组件的一部分，而输出的其他部分不会更改。

在下面的例子中，我们将要创建一个名为 LoginControl 的有状态的组件。

它会根据当前的状态来渲染 <LoginButton /> 或 <LogoutButton />，它也将渲染前面例子中的 <Greeting />。

React 实例

class LoginControl extends React.Component {
  constructor(props) {
    super(props);    this.handleLoginClick = this.handleLoginClick.bind(this);    this.handleLogoutClick = this.handleLogoutClick.bind(this);    this.state = {isLoggedIn: false};  }
 
  handleLoginClick() {
    this.setState({isLoggedIn: true});  }
 
  handleLogoutClick() {
    this.setState({isLoggedIn: false});  }
 
  render() {
    const isLoggedIn = this.state.isLoggedIn; 
    let button = null;    if (isLoggedIn) {
      button = <LogoutButton onClick={this.handleLogoutClick} />;    } else {
      button = <LoginButton onClick={this.handleLoginClick} />;    }
 
    return (
      <div>
        <Greeting isLoggedIn={isLoggedIn} />        {button}
      </div>    );  }}
 ReactDOM.render(
  <LoginControl />,  document.getElementById('exam

商城小程序开发

与运算符 &&

你可以通过用花括号包裹代码在 JSX 中嵌入任何表达式，也包括 JavaScript 的逻辑与 &&，它可以方便地条件渲染一个元素。

React 实例

function Mailbox(props) {
  const unreadMessages = props.unreadMessages;  return (
    <div>
      <h1>Hello!</h1>      {unreadMessages.length > 0 &&
        <h2>
          您有 {unreadMessages.length} 条未读信息。
        </h2>      }
    </div>  );}
 const messages = ['React', 'Re: React', 'Re:Re: React'];ReactDOM.render(
  <Mailbox unreadMessages={messages} />,  document.getElementById('example'));