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

发表日期： 2021-07-27 15:36:10 浏览次数：75

网站建设.jpg

南阳，古称宛，河南省辖地级市，是国务院批复确定的中部地区重要的交通枢纽，豫鄂陕交界地区区域性中心城市。 [1] 截至2019年末，全市辖2行政区、10个县、代管1个县级市；总面积2.6509万平方公里。 [2] 根据第七次人口普查数据，截至2020年11月1日零时，南阳市常住人口为9713112人。 [55]

南阳是国家历史文化名城，有2700多年的建城历史， [48] 位于河南省西南部、豫鄂陕三省交界地带，因地处伏牛山以南，汉水以北而得名。南阳淅川是世界最大调水工程南水北调中线陶岔渠首枢纽工程所在地和重要的核心水源区之一。 [2]

南阳历史文化厚重，是楚汉文化的重要发祥地，三顾茅庐、羊续悬鱼、盘古神话、牛郎织女等典故或传说皆发源于此。是“中国月季之乡”、“世界艾乡”、“中国玉雕之乡”。 [47]

2020年，南阳市全年全市生产总值3925.86亿元。 [56]

微信公众号开发

我们可以在以上代码中嵌套多个 HTML 标签，需要使用一个 div 元素包裹它，实例中的 p 元素添加了自定义属性 data-myattribute，添加自定义属性需要使用 data- 前缀。

React 实例

ReactDOM.render(
    <div>
    <h1>菜鸟教程</h1>
    <h2>欢迎学习 React</h2>
    <p data-myattribute = "somevalue">这是一个很不错的 JavaScript 库!</p>
    </div>
    ,    document.getElementById('example'));

尝试一下 »

独立文件

你的 React JSX 代码可以放在一个独立文件上，例如我们创建一个 helloworld_react.js 文件，代码如下：

ReactDOM.render(
  <h1>Hello, world!</h1>,  document.getElementById('example'));

然后在 HTML 文件中引入该 JS 文件：

React 实例

<body>
  <div id="example"></div><script type="text/babel" src="helloworld_react.js"></script></body>

尝试一下 »

JavaScript 表达式

我们可以在 JSX 中使用 JavaScript 表达式。表达式写在花括号 {} 中。实例如下：

React 实例

ReactDOM.render(
    <div>
      <h1>{1+1}</h1>
    </div>
    ,    document.getElementById('example'));

尝试一下 »

在 JSX 中不能使用 if else 语句，但可以使用 conditional (三元运算) 表达式来替代。以下实例中如果变量 i 等于 1 浏览器将输出 true, 如果修改 i 的值，则会输出 false.

React 实例

ReactDOM.render(
    <div>
      <h1>{i == 1 ? 'True!' : 'False'}</h1>
    </div>
    ,    document.getElementById('example'));

尝试一下 »

商城小程序开发

样式

React 推荐使用内联样式。我们可以使用 camelCase 语法来设置内联样式. React 会在指定元素数字后自动添加 px 。以下实例演示了为 h1 元素添加 myStyle 内联样式：

React 实例

var myStyle = {
    fontSize: 100,    color: '#FF0000'};ReactDOM.render(
    <h1 style = {myStyle}>菜鸟教程</h1>,    document.getElementById('example'));

尝试一下 »

注释

注释需要写在花括号中，实例如下：

React 实例

ReactDOM.render(
    <div>
    <h1>菜鸟教程</h1>    {/*注释...*/}
     </div>,    document.getElementById('example'));

尝试一下 »

数组

JSX 允许在模板中插入数组，数组会自动展开所有成员：

React 实例

var arr = [
  <h1>菜鸟教程</h1>,
  <h2>学的不仅是技术，更是梦想！</h2>,];ReactDOM.render(
  <div>{arr}</div>,  document.getElementById('example'));

上一页：邹城网站优化【邹城微信公众号购物商城小程序制作】邹城网店美工排版设计_邹城网页推广公司_邹城网站开发公司—邹城微信公众号小程序网站代运营网络维护托管服务

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