当前位置: 首页 > news >正文

求网站建设和网页设计的电子书找片子有什么好的关键词推荐

求网站建设和网页设计的电子书,找片子有什么好的关键词推荐,深圳设计公司排名深圳市广告公司,做货代还有什么网站可以加人文章目录 一、JSX 语法简介二、和 HTML 标签的几点不同三、JSX 属性四、JSX 事件4.1 简单点击事件4.2 类型限制4.3 带参数,箭头函数 五、插入 JS 变量六、JSX 中使用条件判断七、循环 一、JSX 语法简介 JSX - 是 JS 的扩展,写在 JS 代码里面&#xff0c…

文章目录

    • 一、JSX 语法简介
    • 二、和 HTML 标签的几点不同
    • 三、JSX 属性
    • 四、JSX 事件
        • 4.1 简单点击事件
        • 4.2 类型限制
        • 4.3 带参数,箭头函数
    • 五、插入 JS 变量
    • 六、JSX 中使用条件判断
    • 七、循环


一、JSX 语法简介

  1. JSX - 是 JS 的扩展,写在 JS 代码里面,组件的 UI 结构
  2. 语法和 HTML 相似,有 HTML 相关基础,学起来很容易
  3. JSX 已成 ES 规范(不是React独有),可用于其他的框架,如 Vue3

注:需要用 Js 语法写的时候,文件后缀名就是 .jsx ;需要用 Ts 语法写的时候,文件后缀名就是 .tsx

示例代码:

// App.tsx 代码
import React from 'react'
import logo from './logo.svg'
import './App.css'function App() {return (<div className="App"><header className="App-header"><img src={logo} className="App-logo" alt="logo" /><p>Edit <code>src/App.tsx</code> and save to reload.</p><aclassName="App-link"href="https://reactjs.org"target="_blank"rel="noopener noreferrer">Learn React</a></header></div>)
}
export default App

二、和 HTML 标签的几点不同

  1. 首字母大小写的区别,首字母大写是自定义组件
  2. 标签必须闭合,如 在 HTML 中合法,但在 JSX 中是非法的
  3. 每段 JSX 代码片段都必须要有一个根节点,根节点可以是空标签 <> </>。如下图所示:

在这里插入图片描述


三、JSX 属性

  1. class 要改成 className
  2. style 要使用 JS 对象(不能是 string )而且 key 用驼峰写法
  3. for 要改为 htmlFor

在这里插入图片描述


四、JSX 事件

事件就是那些什么 点击事件、监听事件等

  • 使用 onXxx 的格式
  • 必须传入一个函数(是 fn 而非 fn() )
  • 注意 TypeScript 类型(初学着不着急深究,会用,不报错即可 )
4.1 简单点击事件

在这里插入图片描述

4.2 类型限制

在这里插入图片描述

4.3 带参数,箭头函数

在这里插入图片描述


五、插入 JS 变量

  • 使用 { XXX } 可以插入 JS 变量、函数、表达式
  • 可插入普通文本、属性
  • 可用于注释

在这里插入图片描述


六、JSX 中使用条件判断

  • 使用 &&
  • 使用 三元表达式
  • 使用 函数

在这里插入图片描述


七、循环

  • 使用数组 map
  • 每个 item 元素需要 key 属性
  • key 在同级别唯一

在这里插入图片描述

http://www.dinnco.com/news/32624.html

相关文章:

  • 网页升级访问通知天天更新项链seo关键词
  • 旅游电子商务网站模板外贸营销网站制作公司
  • 深圳做响应式网站设计英国搜索引擎
  • 社会题目可以在哪些网站上做成都百度推广账户优化
  • 网站建设武汉网站推广投放
  • 西安网站建设价格热线廊坊推广seo霸屏
  • 开发一个网站需要哪些步骤网站打开速度优化
  • 为什么教育网站做的都很烂友链大全
  • 沧州企业做网站怎么建立自己的企业网站
  • 做网站需要哪些资料中国十大it培训机构排名
  • 企业内部管理网站建设计划百度推广官网网站
  • 我在学校志愿队做网站的经历网络服务提供者不是网络运营者
  • 网站建设免费的百度正式员工工资待遇
  • 网站申请内容吗抖音企业推广
  • 游戏网站建设论坛百度搜索页面
  • 汕头网站建设设计公司微营销系统
  • 网站开发的项目开发计划seo研究所
  • 唐山网站建设.com市场推广方案ppt
  • 谁有网站备案号友点企业网站管理系统
  • 网站app软件下载安装免费网站制作成品
  • 网站维护页面模板网络推广渠道公司
  • java做交互网站系统营销网站建设的因素
  • 南宁公司网站模板建站永久免费域名申请
  • 微信哪里可以做视频网站百度官方网平台
  • 网站开发图片压缩上传报酬做一个网站要花多少钱
  • 阿里云怎么购买域名seo谷歌外贸推广
  • 淄博网站开发招聘搜索引擎优化的对比
  • 网站开发后端论文公司网站制作公司
  • 做网站设计所遇到的问题市场宣传推广方案
  • 成都网站建设招聘最新的疫情最新消息