没有出现反应警告

时间:2017-06-02 15:55:47

标签: google-chrome reactjs react-dom

我试图回顾一些反应基础知识。我写了一个很小的例子,并希望有一个警告,就是不要将一个键作为参数传递给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)。

0 个答案:

没有答案