JSX,Html语法需注意的部分
来源:互联网 发布:成都生活家装饰 知乎 编辑:程序博客网 时间:2024/05/16 05:02
在JSX中设置style属性与其它的属性不同,
在JSX中我们通常是通过 {}
的方式插入值,但是设置style属性需要{{ }}
,否则系统会报错。
import classes form './myCss.css'{/*JSX 中的注释方式*/}{/*style属性必须使用 {{}} */}<div style={{width: 20px; height=30px}}> { props.text }</div>{/*html class属性*/}<div className="myClass"></div>{/*html input标签, JSX中所有的标签都必须有闭标签*/}<input type="text" />{/*html label标签 */}<label htmlFor="name" class="mayName"></label>{/*调用.css 文件中的css属性, mycss 为css文件中的类*/}<div className={classes['mycss']}></div>
0 0
- JSX,Html语法需注意的部分
- JSX,Html语法需注意的部分
- JSX 的基本语法规则
- HTML的部分语法说明
- ReactJS 15.x - JSX是什么,JSX编译器,JSX语法转成原生的JS语法
- jsx语法
- jsx语法
- JSX语法
- jsx语法
- JSX语法
- 浅谈React的JSX语法(一)
- 浅谈React的JSX语法(二)
- 部分基本的HTML语法规则
- 实战json、html、jsx的互转
- 关于JSX与HTML的差异
- JSX语法及特点
- React之JSX语法
- React(2) JSX语法
- ImagePicker
- 挑战程序设计竞赛---POJ.3233
- POJ 3617 Best Cow Line 【贪心】
- Jre和JDK的区别
- light OJ -DNA Prefix (字典树)
- JSX,Html语法需注意的部分
- CentOS7关闭SELinux
- ROS学习需要看的网络教程_整理
- 面试题39:二叉树的深度
- JavaScript--05 DOM基础 12.1
- Java 值交换详解
- [Leetcode]204. Count Primes
- bnuoj 1068 比赛安排
- javaScript--05 DOM基础 12.2