前段时间看了原生反应，但是感觉在安卓反面的开发并不成熟。有较多功能有待完善，而且自己在实际运用的过程中在一些模块上遇到了不晓得阻力，又苦于网上没有找到那么多资源。于是打算先放一段时间，还是回过头来看ReactJs吧。

反应颠覆了超文本标记语言的传统思维，代码基本都写在脚本类型='text/babel'/script标签里面。我开发的时候采用的是IDEA，当然也可以使用原子或者webstor .使用想法时，需要在设置里面的语言框架设置java描述语言语言版本为JSX和谐。否则，编辑器可能会对你的正确语法进行报错。

脚本src='http:/js/react。js '/script脚本src=' http :/js/react-DOM。js '/script脚本src=' http :/js/browser。量滴js '/script脚本src=' http :/js/jquery-1。7 .2 .量滴js '/脚本html文件页眉标签里面引用上面前三个文件，就可以进行反应开发了，但是由于jquery的创建交互式、快速动态网页应用的网页开发技术请求比较方便，所以这里我引用了jquery，当然也可以自己封装一个类似于创建交互式、快速动态网页应用的网页开发技术的方法，或者使用原生超文本传送协议(超文本传输协议的缩写)请求与后台交互。

今天主要说说设置反应样式的问题：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title react Js/title script src=' http :/js/react。js '/script脚本src=' http :/js/react-DOM。js '/script脚本src=' http :/js/browser。量滴js '/script脚本src=' http :/js/jquery-1。7 .2 .量滴js '/脚本样式rel='样式表。您好{ color: # ffffff宽度： 200像素；高度： 30pxborder:无；背景-颜色： # 00a 0e 9；线高： 30px文本对齐：中心；font-size : 14px字体系列： '微软雅黑用户界面'；光标：指针；} .redBack {底色： # f00飞越：隐藏；}/style/head dydiv id=' msg '/div/body script type=' text/babel ' var color style={ color : ' # ffffff '，width: 200，height: 30，border: 'none '，backgroundColor: '#00a0e9 '，textAlign: ' center '，fontSize: 14，font family : ' Microsoft YaHei UI '，cursor 3:0create CLaSS({ getinitialstate : function(){ return { videosrc : ’)./src/demo1.mp4' } }，hand ost : function(){//var http request=new XMLHttpRequest()；//HTTPrequest.open('GET '，'/JSON/city ')；//Httprequest。send()；//Httprequest。onreadystatechange=function(){//if(Httprequest。readystate==4 Httprequest。status==200){//控制台。日志(JSON。解析(Httprequest。response text))；//}//} $.ajax({ type:'GET '、url:'/json/city '、dataType:'json '、success :函数(data){ console。log(data)})}、render : function(){ return(div类名=' redBack ' video src={ this。国家。videosrc } style={ { float 3360 ' left '，width:300，边框3: ' 5px solid # ffx点击请求城市资源/div/div)} })；ReactDOM.render(Http/，文档。getelementbyid(' msg ')/script/html如上代码所示，我觉得设置样式有三种方法：

1.如蓝色字体部分所示，直接写行内样式

2.在射流研究…代码中定义一个变量，然后在元素标签内部调用变量，如红色字体所示。

3.设置标签的类名，如绿色字体部分

下面附上截图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。