JSX， 是一个 JavaScript 的语法扩展 。 我们建议在 React 中配合使用 JSX， JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式 。
文章插图
方式/
1建立HTML， 引入js文件：react.js、react-dom.js、babel.js
文章插图
2要想在<script>标签中利用JSX必需添加 type="text/babel" 属性 。
文章插图
3衬着<h1>Hello, World!</h1>， Html显示结果 。
文章插图
4在 JSX 中嵌入表达式：声了然一个变量哄针蕉a， 然后在 JSX 中利用它， 并将它包裹在大括号中,我们称它为插值表达式， 页面直接输出变量a储存的内容 。
文章插图
文章插图
5插值表达式， 大括号中可以放置 JavaScript 表达式， 例如{50+50}， 页面直接输出{50+50}的成果“100” 。
文章插图
文章插图
6JSX 特定属性：经由过程利用引欧雁号夏爷， 来将属性值指定为字符串字面量：tabIndex="0"
文章插图
文章插图
7JSX 里的CSS class 要写当作 className 。
文章插图
文章插图
8行内样式写法style={{CSS}}， 例如：style={{color:"yellow",fontSize:"24px"}}
【在React中配合使用JSX】注重本来font-size横杠属性名需要利用小驼峰写法fontSize 。
文章插图
文章插图
以上内容就是在React中配合使用JSX的内容啦， 希望对你有所帮助哦！
推荐阅读
- wpsppt中如何进行蓝灰极简风纯文字排版
- wps演示中如何进行平行四边形进行图文排版
- wps演示中如何绘制太阳图标
- wpsppt中如何进行简约矩形橙色系图文排版
- wpsppt中如何进行几何创意型段落排版
- 历史上的“茶马古道”
- 易武“茶山人家”入选奥运“中国故事”文化
- 武夷岩茶{水仙茶}的由来
- 西高地犬的原产地在哪里
- 威尔斯激飞猎犬的原产地在哪里