什么是jsx？jsx的用法又有哪些？本篇文章给大家带来的内容就是关于JSX是什么？jsx的使用方法介绍（附代码），接下来就来看一下具体的内容吧。
在react中，我们的页面内容就是通过jsx来编写，那么jsx到底是什么呢？jsx其实就是javascript对象，会构建创建一个js对象来描述html结构的信息。这里要记住jsx是js的一种扩展语言，类似html但是又不是html，因为jsx中还能进行运算，判断，加入一些js语言等。
jsx的使用之JSX中的运算
render() {
return(
算数题
- 5+6={5+6}
- 6+6={6+6}
- 10*10={10*10}
)
}在JSX中是用 {} 来区分是HTML还是js的，也就是说，所有的js语言都得用 {} 括起来
jsx的使用之JSX中的变量
render() {
const flag = true;
return(
{flag ? (flag为真) : (flag为假)}
)
}jsx的使用之JSX中的样式
在JSX中,给元素添加样式也是用style属性，但是style里面放的是一个样式对象，如下所示：
render() {
var newStyle = {
background: 'blue',
fontSize:'15px'
}
return(
颜色
样式
)
}通过上述案例，我们可以知道JSX中，样式的属性名称得用驼峰命名
金戈企业建站系统0.1
下载
软件介绍：金戈企业建站系统不仅是一份免费的企业建站代码包，而且它还是完全开源的，它倾注了作者1个多月来日日夜夜的心血，虽然有些地方没做到尽善尽美，可我相信在接下来的日子里我会通过反馈信息让她更丰满实用起来。1.完美的摸板机制，即使你对php一点也不懂，只要你会做网页。就可以立即打造新颖别致的网站界面（摸板制作方法手册正在紧张制作中，稍后发布）可惜作者精力有限，目前只提供一套摸板。不过只是暂时的2.
jsx的使用之JSX中的HTML标签
在JSX中，有些标签名称为了防止冲突得做一些转换：
class得用className代替
lable元素中的for属性，得用htmlFor代替，如下：
这里还要注意，JSX中的所有标签必须得是闭标签
相关推荐：
JavaScript的React框架中的JSX语法学习入门教程_基础知识
