我试图回顾一些反应基础知识。我写了一个很小的例子,并希望有一个警告,就是不要将一个键作为参数传递给map函数的每个元素。
JS:
var ing = [
"1 cucumber",
"2 tomatoes",
"1/2 onion",
"2 olive oil spoon"
];
var Div = React.createElement(
"ul",
null,
ing.map( function(ing){ return React.createElement("li", null, ing)})
);
ReactDOM.render(Div, document.getElementById("react-app"));
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-dom.min.js"></script>
</head>
<body>
<div id="react-app"></div>
<script src="./app.js"></script>
</body>
</html>
但它没有出现(我使用Chrome btw)。