Errore di risposta React

Question

Sto tentando di utilizzare la proprietà ref utilizzando React. Ottengo uno strano errore nel mio browser e non sono in grado di capire quale sia il problema. Qualcuno può spiegare a me perché io ottenere questo errore:

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.

quando ho questo codice:

/** 
* @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

Il vostro codice è corretto.

lavoro 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 
); 

Secondo il messaggio di errore, si sta posizionando un rif su un elemento non-proprietà, ma nel codice che hai fornito il h1 è di proprietà della App. Il tuo codice è diverso da quello che hai incollato sopra?

Nota (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

Questa risposta può aiutare a visit, controllare il codice con attenzione per mirare a queste due domande, il mio errore è causato da quest'ultimo uno.
Nel mio codice, ho scritto require("React") require("React-dom"), in realtà è require('react'), ho modificato il mio codice, ha funzionato. Tutti gli errori sono causati dai due fattori. Basta controllare il codice completamente.