React：未捕获的引用错误：未定义需求

Fil*_*ski 5 javascript reactjs

我正在阅读 React 教程（http://facebook.github.io/react/docs/animation.html），但我无法让动画部分正常工作。当我尝试在浏览器中打开代码（如下）时，出现错误“Uncaught ReferenceError：require 未定义”。require仅在JS代码的第一行使用。我只有 1 个名为 React.html 的 html 文件，我在其中做了所有的事情。这是我的代码：

<!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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	9 年，9 月前
查看次数：	4703 次
最近记录：	9 年，9 月前