2016-11-02 2 views
0

У меня очень простая проблема с использованием React.js на CodePen! Я новичок в React, и я пытаюсь использовать библиотеку React для CodePen. Похоже, что это работает не по какой-то причине, хотя я также использую Babel в качестве предварительного процессора.Библиотека React.js не работает над CodePen?

Я чувствую, что это может иметь какое-то отношение к версии, которую я использую? - 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")); 

Любые советы приветствуются.

ответ

1

Проблема заключается в том, что RequireJS не требуется для вашего примера. Пожалуйста, попробуйте: http://codepen.io/anon/pen/JbPWeO

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

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

Спасибо. Я попытался использовать разные версии Require.js, но никто из них, похоже, не работает. Я использую последнюю версию React on CodePen (15.3.1), поэтому я не уверен, что это на самом деле проблема или нет, если нет версии Require.js, которая лучше всего работает с этой версией React ... –

+0

@Leia_Organa Приносим извинения, я не прочитал это полностью. Удаление первых двух строк вашего примера позволит ему работать. В этом случае вам не нужно RequireJS для вашего примера для работы. Пожалуйста, смотрите: http://codepen.io/anon/pen/JbPWeO –

+0

Спасибо! Это было простое исправление и полностью сработало! –

0

Вот некоторые предложения:

  • Вы должны также должны включать ReactDOM как вы включены только Реагируй Codepen.
  • Строка 4 должна быть React.createClass (createClass должен находиться в Camel case).
  • линия 12 должна быть document.getElementById вместо getElementById
+0

Спасибо за эти предложения. Тем не менее, он все еще не работает, но ... –

+0

Мое удовольствие. Я просто проверяю код и предполагаю, что это может вызвать проблемы, хотя я не пытался запустить этот код. – Inzimam

Смежные вопросы