Błąd ref. React

Question

Próbuję użyć właściwości ref przy użyciu przycisku React. Dostaję dziwny błąd w mojej przeglądarce i nie jestem w stanie ustalić, na czym polega problem. Czy ktoś może mi wyjaśnić, dlaczego ten błąd:

Error: Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. This usually means that you're trying to add a ref to a component that doesn't have an owner (that is, was not created inside of another component's render method). Try rendering this component inside of a new top-level component which will hold the ref.

kiedy mam ten kod:

/** 
* @jsx React.DOM 
*/ 
(function(){ 
var react = require('react'); 


var App = react.createClass({ 

    render: function() { 
     return (
      <h1 ref="myRef">This is a test</h1> 
     ); 
    } 

}); 

react.render(
    <App />, 
    document.body 
); 
}()); 

Answer 1

kod jest poprawny.

robocza jsFiddle: http://jsfiddle.net/reactjs/69z2wepo/

var App = React.createClass({ 

    render: function() { 
     return (
      <h1 ref="myRef">This is a test</h1> 
     ); 
    } 

}); 

React.render(
    <App />, 
    document.body 
); 

Zgodnie z komunikatem o błędzie, jesteś umieszczenie ref na elemencie un-owned, ale w kodzie pod warunkiem h1 jest własnością App. Czy Twój kod różni się od tego, co wkleiłeś powyżej?

Note (from the docs):

In React, an owner is the component that sets the props of other components ... 
It's important to draw a distinction between the owner-ownee relationship and the parent-child relationship. 

Answer 2

Ta odpowiedź może pomóc visit, sprawdź kod starannie celować na te dwa pytania, mój błąd jest spowodowany przez tego ostatniego.
W moim kodzie napisałem require("React") require("React-dom"), faktycznie jest to require('react'), zmodyfikowałem swój kod, zadziałało. Wszystkie błędy są spowodowane przez dwa czynniki. Po prostu sprawdź swój kod całkowicie.