react初探与JSX

react做到的是数据层向表现层的转换,相当于MVC中的V,主要做更新DOM和响应事件,react不处理Ajax、路由和数据存储,也不规定数据的组织方式。

react的出现大大减少了DOM操作,大大提高了效率(react运用虚拟dom,每次状态改变是,只改变虚拟出来的dom对象)

JSX JavaSctipt XML 在React组件内部使用类xml语法,提高组件可读性。

https://jsfiddle.net/reactjs/69z2wepo/ 

此地址可以快速调试JSX

react初探与JSX_第1张图片

JSX 中的内联样式全部采用驼峰布局,先将样式在前面定义出来


react初探与JSX_第2张图片

你可能感兴趣的:(react初探与JSX)