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

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

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

网站建设

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

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

网站建设.jpg

网页制作

衡阳，湖南省地级市之一。位于中国南部，湖南省中南部，是长江中游城市群重要成员，湖南省域副中心城市，湘南地区的政治、经济、军事、文化中心 [1] 。衡阳城区横跨湘江，是湖南省以及中南地区重要的交通枢纽之一，多条重要公路、铁路干线在此交会。衡阳处于中南地区凹形面轴带部分，构成典型的盆地形势，属亚热带季风气候。根据第七次人口普查数据，衡阳市常住人口为6645243人。 [57]

衡阳是中南地区重要的工业城市，是“中国制造2025”试点示范城市群城市之一，拥有湖南第一家综合保税区和国家级高新区，被定位为国家承接产业转移示范区以及全国加工贸易重点承接地。衡阳也是国家服务业综合配套改革试点城市、国家生态文明先行示范区，国家园林城市 [2-3] ，中国“中国抗战纪念城”。

衡阳市下辖5区5县，代管2县级市，总面积15310平方公里。衡阳市拥有南华大学、衡阳师范学院、湖南工学院等15所高校，被评为2018中国大陆最佳商业城市100强。 [1] 2020年衡阳生产总值为3508.5亿元 [48] ，至2021年5月20日，衡阳常住人口664.52万人。 [55] 2020年10月，被评为全国双拥模范城（县）。2021年1月14日，衡阳市被正式命名为2018－2020周期国家卫生城市 [51] 。

微信公众号开发

三目运算符

条件渲染的另一种方法是使用 JavaScript 的条件运算符:

condition ? true : false。

在下面的例子中，我们用它来有条件的渲染一小段文本。

render() { const isLoggedIn = this.state.isLoggedIn; return (

The user is {isLoggedIn ? 'currently' : 'not'} logged in.

); } 同样它也可以用在较大的表达式中，虽然不太直观：

render() {
  const isLoggedIn = this.state.isLoggedIn;
  return (
    <div>
      {isLoggedIn ? (
        <LogoutButton onClick={this.handleLogoutClick} />
      ) : (
        <LoginButton onClick={this.handleLoginClick} />
      )}
    </div>
  );}

阻止组件渲染

在极少数情况下，你可能希望隐藏组件，即使它被其他组件渲染。让 render 方法返回 null 而不是它的渲染结果即可实现。

在下面的例子中，<WarningBanner /> 根据属性 warn 的值条件渲染。如果 warn 的值是 false，则组件不会渲染：

商城小程序开发

React 实例

function WarningBanner(props) {
  if (!props.warn) {
    return null;  }
 
  return (
    <div className="warning">
      警告!
    </div>  );}
 class Page extends React.Component {
  constructor(props) {
    super(props);    this.state = {showWarning: true}
    this.handleToggleClick = this.handleToggleClick.bind(this);  }
 
  handleToggleClick() {
    this.setState(prevState => ({
      showWarning: !prevState.showWarning
    }));  }
 
  render() {
    return (
      <div>
        <WarningBanner warn={this.state.showWarning} />
        <button onClick={this.handleToggleClick}>          {this.state.showWarning ? '隐藏' : '显示'}
        </button>
      </div>    );  }}
 ReactDOM.render(
  <Page />,  document.getElementById('example'));