关于React JSX我们可能很不了解，但是我们只需要知道 JSX的作用和javascript是一样的，我们瞬间就有了概念，或者也可以认为是javascript的拓展语法，在实战开发中是否使用JSX，还是直接使用javascript就看自己的选择了。

一，React JSX的优点：

1. JSX执行力快，因为它比javascript做了近一步的优化。
2. 类型安全，编辑过程时刻监控，一旦发现错误就会体现出来，也算是响应及时吧。
3. 实战开发中，用起来非常的方便快捷。

下面就有一个很好的例子：

const element = 
Hello, world!
;

这种看起来可能有些奇怪的标签语法既不是字符串也不是 HTML。

它被称为 JSX， 一种 JavaScript 的语法扩展。 我们推荐在 React 中使用 JSX 来描述用户界面

如果我们没有忘记上一章节介绍的内容，我们就会知道JSX其实就是用于元素的声明和定义的，再搭配不同DOM渲染内容。

比如：

var myDivElement = ;
ReactDOM.render(myDivElement, document.getElementById('example'));

总结起来JSX和javascript十分的类似，但是我们在开发过程中需要注意点：

由于 JSX 就是 JavaScript，一些标识符像 class 和 for 不建议作为 XML 属性名。作为替代，React DOM 使用 className 和 htmlFor 来做对应的属性。

三，下面我们就来深入了解 JSX在前端页面的开发中的应用

1，引入独立的文件（一般是js文件）

2， 使用javascript表达式

我们可以在 JSX 中使用 JavaScript 表达式。表达式写在花括号 {} 中

3，css样式开发

React 推荐使用内联样式。我们可以使用 camelCase 语法来设置内联样式。

4， 注释编写

注意点：写在花括号里面

5，数组应用

四，总结

React JSX的使用起来是不是和javascript有异曲同工之妙，总之有javascript的基础对于JSX学习会容易上手。

React的架构一步一步浮出水面，小伙伴们记得每天关注我，@聊互联网金融科技的Li 编程有时候就是那么简单，编程就是一个个知识点和经验累积的结果，坚持就是不放弃，记得持续关注我哟，我们下期见。