Question

我在CodePen上使用React.js时遇到了一个非常简单的问题！我是React的新手，我试图在CodePen上使用React库。尽管我还使用Babel作为预处理器，但它似乎并不是出于某种原因而起作用。

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

我的代码：

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

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

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

任何提示都表示赞赏。

Answer 1

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

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

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

Answer 2

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

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

和

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

Answer 3

以下是一些建议：

您还应该包含ReactDOM，因为您只在Codepen中包含了React。
第4行应该是React.createClass（createClass应该在Camel中案件）。
第12行应该是document.getElementById而不是的getElementById

Answer 4

先添加react-js，然后再添加react-dom js，顺序在代码笔中很重要，否则会显示错误

React.js库不能在CodePen上运行？

4 个答案: