react.js ReactComponent не предлагает setState()?

Question

Кажется, я неправильно понимаю некоторые фундаментальные части React.js.

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

он говорит, что реагируют компонент имеет такие методы, как SetState().

Но когда я делаю это:

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 

Там нет метода SetState() можно найти. Но в документах он говорит API-интерфейс Component, так что я здесь не так?

Answer 1

В соответствии с этим blog post и this writeup, вызов MyComp больше не возвращает экземпляр, он возвращает легкий дескриптор.

Anti-модель:

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

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

Правильное использование:

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