react.js ReactComponent nie oferuje setState()?

Question

Wydaje mi się, że źle rozumiem niektóre podstawowe części pliku React.js.

W http://facebook.github.io/react/docs/component-api.html

mówi, że składnik reakcji posiada metody jak setState().

Ale kiedy to zrobić:

var MyComp = React.createClass({ 

    getInitialState: function() { 
     return {dummy: "hello"}; 
    }, 

    render: function() { return React.DOM.h1(null, this.state.dummy + ", world!") } 
} 

var newComp = MyComp(null); 

React.renderComponent(newComp, myDomElement); 
MyComp.setState({dummy: "Good Bye"}); // Doesn't work. setState does not exist 
newComp.setState({dummy: "Good Bye"}); // Doesn't work either. setState does not exist 

Nie ma metody setstate() można znaleźć. Ale w dokumentach jest napisane API komponentów, więc co ja tu robię źle?

Answer 1

Zgodnie z tymi blog post i this writeup, wywołanie MyComp nie zwraca już wystąpienie, zwraca lekki deskryptor.

Anti-kierunkowa:

var MyComponent = React.createClass({ 
    customMethod: function() { 
    return this.props.foo === 'bar'; 
    }, 
    render: function() { 
    } 
}); 

var component = <MyComponent foo="bar" />; 
component.customMethod(); // invalid use! 

Prawidłowe użycie:

var MyComponent = React.createClass({ 
    customMethod: function() { 
    return this.props.foo === 'bar'; 
    }, 
    render: function() { 
    } 
}); 

var realInstance = React.renderComponent(<MyComponent foo="bar" />, root); 
realInstance.customMethod(); // this is valid