郑州同安建设局网站建设费用是多少？

同安建设局网站,郑州建网站多少,跨境建站平台,响水做网站一、JSX JSX是javascript XML的简写#xff0c;实际上是javascript的扩展#xff0c;既有javascript的语法结构#xff0c;又有XML的结构 1、JSX的规则要求 jsx必须要有一个根节点 如果不想产生无用的根标签#xff0c;但是还要遵守JSX的语法的要求#xff0c;可以使用…一、JSX JSX是javascript XML的简写实际上是javascript的扩展既有javascript的语法结构又有XML的结构 1、JSX的规则要求 jsx必须要有一个根节点 如果不想产生无用的根标签但是还要遵守JSX的语法的要求可以使用如下两种方式 JSX必须要有一个根节点而且编译之后在浏览器中不产生根标签jsx可以使用如下两种方式完成 使用空标签的方式来完成 const contenth1Hello Giles/h1h1Hello Woniuxy/h1/ Fragment组件来完成 const contentFragmenth1Hello Giles/h1h1Hello Woniuxy/h1/Fragment JSX中的标签如果没有子元素那么也要使用/来作为结束 img srchttps://api.java.crmeb.net/crmebimage/store/2020/08/15/adae23e354114cd5bd8f3cae740741c23opxeh8kw2.jpg//img或者 img srchttps://api.java.crmeb.net/crmebimage/store/2020/08/15/adae23e354114cd5bd8f3cae740741c23opxeh8kw2.jpg/ 采用驼峰式命名法 class----className for---htmlFor tabindex---tabIndex 为了避免分号陷阱建议大家必须使用()将元素括起来 const content(/) 2、JSX的表达式 在JSX中不管是动态元素的渲染还是属性的渲染全部通过{}来进行渲染的 let nameGiles let age38 let jobteacher let hobby[play basketball,play football] let avatarhttps://www.baidu.com/img/flexible/logo/pc/result.png const template(h1个人简介/h1div姓名:{name}/divdiv年龄:{age}/divdiv工作:{job}/divdiv爱好:{hobby}/divdivimg src{avatar}/img/div/) jsx的算数表达式和三元表达式 div是否成年:{age18?成年:未成年}/div div虚岁:{age1}/div 函数表达式 let idcard610122198404084030 const getBirthdayidcardidcard.slice(6,10)-idcard.slice(10,12)-idcard.slice(12,14) const template(h1个人简介/h1div姓名:{name}/divdiv年龄:{age}/divdiv工作:{job}/divdiv爱好:{hobby}/divdivimg src{avatar}/img/divdiv是否成年:{age18?成年:未成年}/divdiv虚岁:{age1}/divdiv生日:{getBirthday(idcard)}/div/) 对象表达式 let user{name:刘备,age:39,job:皇帝 } const introduceuser我叫${user.name},今年${user.age}岁,职业是${user.job} const template(div姓名:{user.name}/divdiv年龄:{user.age}/divdiv职业:{user.job}/divdiv介绍:{introduce(user)}/div /) 3、列表渲染 import React, { Component, Fragment } from react import /App.css export default class App extends Component {render() {const orderList [{title: 待付款,icon: icon-daifukuan},{title: 待发货,icon: icon-daifahuo},{title: 待