Nie mogę skonfigurować popychacza i pobrać za pomocą npm w reactjs.Also, czy jest jakiś sposób na użycie cdn w swoim kodzie reakcji?Czy istnieje sposób używania plików cdn z reactjs przy użyciu pakietu internetowego?
Odpowiedz
Wreszcie wpadłem na bardzo prostą odpowiedź
zainstalować npm popychacza-JS-ES6 obietnicę i izomorficzna-fetch i zaimportować go jako
var Pusher=require('pusher-js');
var fetch=require('isomorphic-fetch');
require('es6-promise').polyfill();
Można użyć reagowania-asynchronicznej-script-ładowarka jako komponent wyższego rzędu na to: https://github.com/leozdgao/react-async-script-loader
Wystarczy zainstalować go przez KMP:
npm install --save react-async-script-loader
następnie importować je i przedłużyć swój składnik, który potrzebuje cdn javascripts z scriptLoader podając adresy URL, które chciałbyś dołączyć do swojego komponentu.
import scriptLoader from 'react-async-script-loader';
// Your component code:
class YourComponent extends React.Component {
render() {
return <p>{
this.props.isScriptLoadSucceed ? 'Scripts loaded.' : 'Loading...'
}</p>;
}
}
export default scriptLoader([
'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js',
'https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js'
])(YourComponent);
W ten sposób pliki są ładowane tylko tam, gdzie naprawdę ich potrzebujesz. Po załadowaniu nie zostaną ponownie dołączone (jeśli zaktualizujesz komponent).
Składnia Decorator (ES7) działa również, jeśli podoba Ci się bardziej niż implementacja HOC, jest to udokumentowane w projektach README.
- 1. Czy istnieje sposób używania figaro z brygadzistą?
- 2. Dynamicznie wymagają modułu aliasowego przy użyciu pakietu internetowego
- 3. Wiele plików HTML za pomocą pakietu internetowego
- 4. Czy istnieje biblioteka do rozpakowania plików .Z przy użyciu VB.NET?
- 5. Czy istnieje najprostszy sposób budowania pakietu perla?
- 6. Jak spakować bibliotekę za pomocą pakietu internetowego?
- 7. Przekierowanie do CDN przy użyciu nginx
- 8. Czy istnieje sposób, aby zwrócić listę wszystkich nazw plików obrazów z folderu przy użyciu tylko JavaScript?
- 9. Jak korzystać z pakietu internetowego z ekspresowym?
- 10. Jak łączenie i minimalizowanie plików za pomocą pakietu internetowego
- 11. Zapisywanie plików fasta przy użyciu seqinr pakietu R?
- 12. Czy istnieje .NET API przy użyciu rsync?
- 13. Udostępnianie zasobów wbudowanych pakietu internetowego z podkatalogu
- 14. Przesyłanie do formularza internetowego przy użyciu Pythona
- 15. Sposób modyfikacji plików pakietu git?
- 16. Czy istnieje sposób wdrożenia w VM VM przy użyciu Capistrano?
- 17. Czy istnieje sposób na odpytywanie przy użyciu usługi WatchService?
- 18. Czy istnieje CDN dla niestabilnych wersji Angular.js?
- 19. Czy istnieje sposób debugowania podprocesu przy użyciu pydev?
- 20. Czy istnieje sposób odczytu plików .xls i .xlsx przy użyciu Apache POI?
- 21. React debugowanie w przeglądarce przy użyciu bundle.js
- 22. Czy istnieje sposób na rozszerzenie pliku w nazwie pakietu?
- 23. Jakikolwiek sposób wykorzystania pakietu internetowego do załadowania zasobu w czasie wykonywania?
- 24. Jak korzystać z normalize.css przy użyciu npm install with webpack?
- 25. Przesyłanie plików przy użyciu Vapor
- 26. W jaki sposób zaimplementować aplikację VOIP przy użyciu pakietu android.net.rtp
- 27. Pakowanie plików .js kontra CDN
- 28. Czy istnieje prostszy sposób niejawnego używania interfejsów w języku F #?
- 29. Czy istnieje sposób na różnicowanie plików z C++?
- 30. Czy istnieje sposób na połączenie plików pdb z ilmerge?
Moja klasa już rozciąga React.Component.So jak czy mogę rozszerzyć skryptloader w tej samej klasie? Nie sądzę, że obsługuje wielokrotne dziedziczenie –
HOC nie jest dziedziczenie klasy w zwykły sposób, więc można użyć tego, nawet jeśli są rozszerzenie z React.Component. Zobacz tutaj więcej informacji na temat tego wzorca: http://stackoverflow.com/documentation/reactjs/9819/higher-order-components. Zauważ, że nie ma żadnych rozszerzeń w "export default defaultLocker", jest to raczej wywołanie funkcji, które sprawiło, że klasa YourComponent została przekazana. –
jeśli możesz napisać krótki fragment kodu, to byłoby bardzo pomocne. Utknąłem –