Nasıl çağrılır? Bileşeninin global bir bağlamdan işlevi (Tümleşik Kullanıcı Arabirimi)

Question

React uygulamasında oldukça yeniyim ve Coherent UI kullanan bir oyun motorunda kullanmak için bir kullanıcı arayüzü geliştirmeye çalışıyorum. Kullanıcı arayüzüm React ile oluşturuldu ve tutarlı bir kullanıcı arabiriminden Reaktif uygulamasına mesaj almaya çalışıyorum.

Tutarlı UI ham javascript komut gönderme olanağı sunan tarayıcısı yürütmek veya olayları kaydetmek için komutları, ancak bunların hiçbiri benim için çalıştı.

Coherent UI'nin basit bir javascript komutu toggleLoadingAnimation(); göndermesini istiyorum, ancak bir javascript işlevinde gerçekten bir bileşenin işlevini çağıran veya durumunu değiştirecek olan bu javascript işlevini nasıl oluşturacağımı bilmiyorum.

İşte JavaScript komutlarını gönderme konusunda Tutarlı UI bilgiler verilmiştir: https://coherent-labs.com/Documentation/cpp/dc/dc7/_binding_cxx.html

nasıl bir komut biçimlendirmek veya düzgün bu şekilde çağrılacak bir bileşen için bir geri çağırma işlevi kayıt olabilirsiniz?

Bir bileşenin üye işlevlerinden birini çağırmasını söylemenin bir yolu var mı?

Answer 1

Bunu kullanarak Redux çözme ve pencere düzeyinde Mağaza açığa sona erdi.

Bileşenler mağazaya abone olurlar (genellikle Redux'un connect()'u kullanarak otomatik olarak) ve daha sonra gönderim mesajları gönderilebilir ve abone olunan bileşenler tarafından alınabilir.

store.dispatch({ type: 'SET_LOADING_VISIBLE', loadingVisible: true });

Answer 2

Sahne öğelerini değiştirebilir ve daha sonra ReactDOM.render komutunu tekrar uygulayabilirsiniz, bileşen çalışmaya devam etmeyecek.

Answer 3

Bu Tepki karşıtı deseni gibi geliyor ama sen componentDidMount içinde bir işlevi tanımlayan düşünebilirsiniz:

componentDidMount() { 
    var that = this; 
    window.toggleLoadingAnimation = function() { 
    that.whateverComponentMethodYouWant(); 
    } 
} 

componentWillUnmount() { 
    window.toggleLoadingAnimation = undefined; 
}