Fatal编程技术网

Reactjs不需要定义

reactjs

Reactjs不需要定义,reactjs,Reactjs,我承认我是ReactJS的新手，但我遇到了一个非常奇怪的问题。我正在做react动画教程的第一部分，我总是遇到一个“未捕获的引用错误：未定义需求”。请帮助我，以下是我的全部代码： <html> <head> <meta charset="utf-8" /> <title>Django React Personal Project</title> <script src="https://cdnj

我承认我是ReactJS的新手，但我遇到了一个非常奇怪的问题。我正在做react动画教程的第一部分，我总是遇到一个“未捕获的引用错误：未定义需求”。请帮助我，以下是我的全部代码：

<html>
  <head>
    <meta charset="utf-8" />
    <title>Django React Personal Project</title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.2/react.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.2/react-dom.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.2/marked.min.js"></script>
  </head>
  <body>
    <div id="content"></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;
    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('content')
);
</script>
</body>
</html>


Django React个人项目
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；
新项目.拼接（i，1）；
this.setState（{items:newItems}）；
},
render:function（）{
var items=this.state.items.map（函数（项，i）{
返回(
{item}
);
}.约束（这个）；
返回(
添加项
{items}
);
}
});
ReactDOM.render(
,
document.getElementById（'content'）
);
如果您想通过
标签使用插件

var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;
您安装了browserify吗？你是从这个例子开始的还是从基本入门开始的？以前有用吗？回答得好。通过添加代码和以下两个外部脚本解决了我的问题：