map()方法 和 forEach()方法 并不是react里面的,是js原生语法:
-
map():返回一个新的Array,每个元素为调用func的结果
-
forEach():没有返回值,只是针对每个元素调用func
map()方法参考博文http://www.cnblogs.com/rocky-fang/p/5756733.html
map()方法测试例子:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>map()方法测试</title>
<script src="reactPack/react.js"></script>
<script src="reactPack/react-dom.js"></script>
<script src="reactPack/browser.min.js"></script>
</head>
<body>
<div id="testMap"></div>
<script type="text/babel">
var map = Array.prototype.map
var a = map.call("Hello World", function(x) { return x.charCodeAt(0); })
// a的值为[72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100]
//ReactDOM.render函数一定要注意大小写,否则真的会报错啊啊啊啊
ReactDOM.render(
<div>
{console.log(a)}
</div>,
document.getElementById("testMap")
);
</script>
</body>
</html>