我遇到了通过CDN进行反应设置的问题.
她是我的HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.7.7/babel.min.js"></script>
<script src="js/app.js"></script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
在这里我的app.js:
var myItems = {
items:
["Widget","Gear","Sprocket","Spring","Crank","Lever","Hose","Tube",
"Wheel","Housing","Case"]
}
var FilteredList = React.createClass({
filterList: function (event) {
var updatedList = this.props.initialItems.items;
updatedList = updatedList.filter(function (item) {
return item.toLowerCase().search(event.target.value.toLowerCase()) !== 1;
});
this.setState({items: updatedList});
},
getInitialState: function(){
return {
items: []
}
},
componentWillMount: function(){
this.setState({items: this.props.initialItems.items})
},
render: function(){
return …