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

React中显示数据

SX 会让你把标签放到 JavaScript 中。而大括号会让你 “回到” JavaScript 中,这样你就可以从你的代码中嵌入一些变量并展示给用户。例如,这将显示 user.name

return (<h1>{user.name}</h1>
);

你还可以将 JSX 属性 “转义到 JavaScript”,但你必须使用大括号 而非 引号。例如,className="avatar" 是将 "avatar" 字符串传递给 className,作为 CSS 的 class。但 src={user.imageUrl} 会读取 JavaScript 的 user.imageUrl 变量,然后将该值作为 src 属性传递:

return (<imgclassName="avatar"src={user.imageUrl}/>
);

在上面示例中,style={{}} 并不是一个特殊的语法,而是 style={ } JSX 大括号内的一个普通 {} 对象。当你的样式依赖于 JavaScript 变量时,你可以使用 style 属性。

他是这样使用的 跟咱们平常写的vue2 vue3 不一样 所以我们一开始写react 肯定很别扭 当然我们目前首先是要搞懂这个语法  说白了 咱去学习所有的新框架 语言 就是为了 更好的  挣钱 跳槽拿更高的薪资 先去懂这门框架 再根据公司要求 重点学 

相关文章:

  • 大数据学习之安装并配置maven环境
  • 领域知识 | 智能驾驶安全领域部分常见概论
  • 深入分析 Android Activity (三)
  • 如何用正则表达式匹配中文和英文
  • 树洞陪聊系统源码/陪聊/陪玩/树洞/陪陪/公众号开发/源码交付/树洞系统源码
  • 初步学习pygame,使用pygame搭建简单的窗口效果
  • ArrayList与LinkedList
  • 计算机网络 第三章 数据链路层 局域网的数据链路层
  • 图生视频 学习笔记
  • [CCF-CSP] 202303-4 星际网络II
  • 【代码随想录算法训练营第37期 第十五天 | LeetCode226.翻转二叉树、101.对称二叉树 2】
  • Java并发面试题,多线程通关秘籍
  • 安卓绕过限制直接使用Android/data无需授权,支持安卓14(部分)
  • docker 使用桥接网
  • 我用Mybatis的方式封装了OLAP查询!
  • 【跃迁之路】【669天】程序员高效学习方法论探索系列(实验阶段426-2018.12.13)...
  • CSS盒模型深入
  • es的写入过程
  • Git同步原始仓库到Fork仓库中
  • JavaScript新鲜事·第5期
  • Laravel5.4 Queues队列学习
  • Mocha测试初探
  • Objective-C 中关联引用的概念
  • php ci框架整合银盛支付
  • Python3爬取英雄联盟英雄皮肤大图
  • Redash本地开发环境搭建
  • socket.io+express实现聊天室的思考(三)
  • spring + angular 实现导出excel
  • windows-nginx-https-本地配置
  • 函数式编程与面向对象编程[4]:Scala的类型关联Type Alias
  • 将 Measurements 和 Units 应用到物理学
  • 紧急通知:《观止-微软》请在经管柜购买!
  • 项目实战-Api的解决方案
  • 一个SAP顾问在美国的这些年
  • ​Java基础复习笔记 第16章:网络编程
  • #APPINVENTOR学习记录
  • #Datawhale AI夏令营第4期#AIGC方向 文生图 Task2
  • #define用法
  • #FPGA(基础知识)
  • #LLM入门|Prompt#1.7_文本拓展_Expanding
  • #前后端分离# 头条发布系统
  • #我与Java虚拟机的故事#连载04:一本让自己没面子的书
  • (70min)字节暑假实习二面(已挂)
  • (C++哈希表01)
  • (html5)在移动端input输入搜索项后 输入法下面为什么不想百度那样出现前往? 而我的出现的是换行...
  • (Oracle)SQL优化技巧(一):分页查询
  • (翻译)Quartz官方教程——第一课:Quartz入门
  • (附源码)spring boot车辆管理系统 毕业设计 031034
  • (黑马点评)二、短信登录功能实现
  • (机器学习-深度学习快速入门)第一章第一节:Python环境和数据分析
  • (深入.Net平台的软件系统分层开发).第一章.上机练习.20170424
  • (四)汇编语言——简单程序
  • (四)事件系统
  • (一)Linux+Windows下安装ffmpeg
  • (幽默漫画)有个程序员老公,是怎样的体验?