Zmień stan komponentu React na stary zewnętrzny JavaScript?

Question

Jak mogę zmienić stan komponentu React z mojego starego kodu jQuery ze starszej wersji ?

Mam składnikiem tak:

var AComponent = React.createClass({ 
    getInitialState: function() { 
    return { ids: [] } 
    }, 
    render: function() { 
    ... 
    }, 
    onButtonClick: function() { 
    ids.splice(…); // remove the last id 
    } 
}); 

Kiedy dzieje się coś szczególnego w starym kodzie jQuery zupy, chciałbym naciskać id do AComponent.state.ids. Jak mogę to zrobić?

Jednym "oczywistym" rozwiązaniem jest anty-wzór; tutaj jest:

var componentInstance = AComtonent({}); 
React.renderComponent(componentInstance, document.getElementById(...)); 

// Somewhere else, in the jQuery soup. Something special happens: 
componentIntance.state.ids.push(1234); 
componentIntance.setState(componentInstance.state); 

To antywzorzec projektowy, według this email from a Facebook developer, bo pisze że componentInstance może zostać zniszczona przez React.

Answer 1

Uczyniłbym element bezpaństwowy. Przechowuj tablicę ids poza składnikiem i przekazuj ją jako rekwizyt z funkcjami, które zmodyfikują tablicę. Zobacz przykład na JSFiddle: http://jsfiddle.net/ohvco4o2/5/