Javascript 反应：未捕获引用错误：未定义要求
我正在学习React教程（），但动画部分无法正常工作。当我试图在浏览器中打开我的代码（如下）时，它会给我一个错误“uncaughtreferenceerror:requireisnotdefined”。require仅用于JS代码的第一行。 我只有一个名为react.html的html文件，在其中我做了所有的事情。这是我的密码：Javascript 反应：未捕获引用错误：未定义要求,javascript,reactjs,Javascript,Reactjs,我正在学习React教程（），但动画部分无法正常工作。当我试图在浏览器中打开我的代码（如下）时，它会给我一个错误“uncaughtreferenceerror:requireisnotdefined”。require仅用于JS代码的第一行。 我只有一个名为react.html的html文件，在其中我做了所有的事情。这是我的密码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
var ReactCSSTransitionGroup = require('react-addons-css-transition-group');
var TodoList = React.createClass({
getInitialState: function() {
return {items: ['hello', 'world', 'click', 'me']};
},
handleAdd: function() {
var newItems =
this.state.items.concat([prompt('Enter some text')]);
this.setState({items: newItems});
},
handleRemove: function(i) {
var newItems = this.state.items.slice();
newItems.splice(i, 1);
this.setState({items: newItems});
},
render: function() {
var items = this.state.items.map(function(item, i) {
return (
<div key={item} onClick={this.handleRemove.bind(this, i)}>
{item}
</div>
);
}.bind(this));
return (
<div>
<button onClick={this.handleAdd}>Add Item</button>
<ReactCSSTransitionGroup transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={300}>
{items}
</ReactCSSTransitionGroup>
</div>
);
}
});
ReactDOM.render(
<TodoList />,
document.getElementById('example')
);
</script>
</body>
</html>
你好，反应
var reactcstransitiongroup=require（'react-addons-css-transition-group'）；
var TodoList=React.createClass({
getInitialState:函数（）{
返回{items:['hello'，'world'，'click'，'me']}；
},
handleAdd:function（）{
var新项目=
this.state.items.concat（[prompt（'Enter some text'）]）；
this.setState（{items:newItems}）；
},
handleRemove:函数（i）{
var newItems=this.state.items.slice（）；
新项目.拼接（i，1）；
this.setState（{items:newItems}）；
},
render:function（）{
var items=this.state.items.map（函数（项，i）{
返回(
{item}
);
}.约束（这个）；
返回(
添加项
{items}
);
}
});
ReactDOM.render(
,
document.getElementById（'示例'）
);