0

我在 CodePen 上使用 React.js 时遇到了一个非常简单的问题！我是 React 的新手，我正在尝试在 CodePen 上使用 React 库。它只是由于某种原因似乎不起作用，即使我也使用 Babel 作为预处理器。

我觉得这可能与我使用的版本有关？- 15.3.1

http://codepen.io/anfperez/pen/aBomwp

我的代码：

var React = require('react');
var ReactDOM = require('react-dom');

var Test = React.CreateClass({
  render: function() {
    return (
    <h2> Yo </h2>
    );
  }
});

ReactDOM.render(<Test />, getElementById("test"));

任何提示表示赞赏。

4

4 回答 4

1

您应该在 javascript 笔设置中添加这些外部脚本：

https://unpkg.com/react/umd/react.development.js

和

https://unpkg.com/react-dom/umd/react-dom.development.js

于 2021-06-11T18:01:11.220 回答
1

问题是您的示例不需要 RequireJS。请尝试：http ://codepen.io/anon/pen/JbPWeO

var Test = React.createClass({
    render: function() {
        return (
            <h2> Yo </h2>
        );
    }
});

ReactDOM.render(<Test />, document.getElementById("test"));
于 2016-11-02T15:25:28.967 回答
0

以下是一些建议：

  • 您还应该包含 ReactDOM，因为您只在 Codepen 中包含了 React。
  • 第 4 行应该是 React.createClass（createClass 应该是 Camel 大小写）。
  • 第 12 行应该是 document.getElementById 而不是 getElementById
于 2016-11-02T15:31:09.267 回答
0

先添加react-js再添加react-dom js，代码笔中的顺序很重要，否则会报错

于 2020-10-28T09:09:54.600 回答