java项目引入react_React在Java、Eclipse中使用

eclispe默认是不能使用jsx文件

1、安装React插件

目录Help--》eclipsemarketplace--》在Find中输入react搜索--》安装如下插件，安装插件后eclipse会自动重启，

这里学习阮一峰的react  demo  资料上传到百度云盘上 学习例子文件夹

https://pan.baidu.com/s/14uy5icAdIMlJTQ06Z_zgKg    密码： imzh

第二节中碰到了 js map 方法

但是 ie8 不支持javascript map 方法

map 是在最近的 ECMA-262 标准中新添加的方法；所以一些旧版本的浏览器可能没有实现该方法。在那些没有原生支持 map 方法的浏览器中，你可以使用下面的 Javascript 代码来实现它。

if(!Array.prototype.map) {Array.prototype.map =function(callback, thisArg){varT, A, k;if(this==null) {thrownewTypeError(" this is null or not defined"); }varO =Object(this);varlen = O.length >>>0;if(Object.prototype.toString.call(callback) !="[object Function]") {thrownewTypeError(callback +" is not a function"); }if(thisArg) { T = thisArg; } A =newArray(len); k =0;while(k < len) {varkValue, mappedValue;if(kinO) { kValue = O[ k ]; mappedValue = callback.call(T, kValue, k, O); A[ k ] = mappedValue; } k++; }returnA; }; }

Array.prototype扩展可以让IE6-IE8浏览器也支持map方法：

if (typeof Array.prototype.map != "function") {

Array.prototype.map = function (fn, context) {

var arr = [];

if (typeof fn === "function") {

for (var k = 0, length = this.length; k < length; k++) {

arr.push(fn.call(context, this[k], k, this));

}

}

return arr;

};

}