Articles of jtascript

Disabilita il collegamento del router di reazione in risposta

Sono nuovo di React e ho un problema per disabilitare un collegamento nascosto da un elemento del pulsante. Ho provato il seguente: class ShoppingCartLink extends React.Component { constructor(){ super(); ShoppingCartStore.register(this.refresh.bind(this)); this.state = {count:0}; this.item = “items”; this.linkDisabled = new Boolean(true); } refresh(){ if (ShoppingCartStore.items.length === 0 || ShoppingCartStore.items.length > 1 ) { this.item = “items”; […]

Utilizzo di React-Router per il collegamento all’interno di una pagina

Sto cercando di creare un tag di ancoraggio che si collegherà a una posizione all’interno della stessa pagina (come questa ) Tuttavia, React-Router dirotta questo, e mi indirizza verso il nulla, poiché non ho stabilito quel collegamento nella gerarchia. Quindi mi invia alla posizione di root di quel nome, invece di una posizione sulla stessa […]

Come usare ReactRouter modo CDN senza npm richiede?

Sono nuovo di Reagire. Lo sto utilizzando aggiungendo direttamente i file react.js e react-dom.js insieme a browser.min.js per la trasformazione javascript nella mia pagina HTML per esercitarti. Ora, voglio usare react-router per il quale ho aggiunto il file di script ReactRouter.js da qui . Tuttavia, non sono in grado di trovare alcun esempio per sapere […]

come gestire location.reload in ajax.jquery

scenario: “voglio ricaricare la mia pagina automaticamente dopo che l’utente ha inserito i dati”. provo a cercare il metodo migliore. e ho scelto di utilizzare la ricarica della posizione il mio problema: quando uso location.reload nel pezzo di script funziona. $(“#save”).click(function(){ //ambil nilai-nilai dari masing-masing input wp = $(“#wp”).val(); if(wp===”- Jenis Werehouse -“){ alert(“Pilih dulu […]

FIrefox non impedisce l’invio di eventi inviati

Violino senza parole con la riproduzione della situazione Il codice chiave è: class Form extends React.Component { handleSubmit(evt) { evt.preventDefault() var data = {} for (var i = 0; i < this.form.elements.length; i++) { var elt = this.form.elements[i] if (elt.name) { data[elt.name] = elt.value } } this.props.onSubmit(data) return false } submit() { if (this.form.checkValidity()) this.form.dispatchEvent(new […]

Come posso ottenere l’elemento di un altro componente in React.js?

Dispongo di due componenti CarouselComponent e BannerComponent nidificati su App Component. Mi piacerebbe ottenere l’elemento in BannerComponent in CarouselComponent per la funzione di scorrimento. Il codice è qui; — App.js …. …. — BannerComponent.js … return( ); … — CarouselComponent.js … scrollTo() { document.getElementById(“banner-div”) // This doesn’t work } … return( ); Voglio sapere come […]

Lo script HTML sta caricando DOPO aver reagito i componenti

Il mio index.html function start() { console.log(‘script running’) gapi.load(‘auth2’, function() { auth2 = gapi.auth2.init({ client_id: ‘my_client_id.apps.googleusercontent.com’, scope: ‘profile email’ }); }); } React App Nella funzione start() stampo sulla console per vedere quando è in esecuzione. Quando carico la pagina, ogni tanto start() si caricherà dopo la reazione dei componenti. Login.js componentDidMount() { console.log(gapi.auth2.getAuthInstance()) } […]

I tag HTML personalizzati sul rendering delle pagine ignorano l’analisi HTML per qualche motivo

Non lo so, perché sta accadendo, ma sembra che i tag html personalizzati non possano analizzare correttamente il contenuto sul caricamento della pagina se ci sono davvero molti di questi elementi. document.registerElement(‘x-tag’, { prototype: Object.create(HTMLElement.prototype, { attachedCallback: { value: function() { console.log(this.innerHTML, this.childNodes); // wrong innerHTML and childNodes once in n-occurrences } }}) } ); […]

Le importazioni HTML caricano l’ordine in Internet Explorer

Ho una pagina web che rende alcuni elementi personalizzati di Polymer 1.0. Nella sezione head del mio file index.html ho il seguente: my-elements.html riferimento ad altri file HTML (tramite importazioni HTML) che a loro volta fanno riferimento a file javascript utilizzando tag di script standard. Con il browser Chrome tutto funziona come previsto. I file […]

Il contenitore di destinazione non è un elemento DOM React.js

Ho dato un’occhiata a tutti gli altri post che hanno avuto questo problema, ma sono ancora confuso sul motivo per cui sto correndo in questo errore. Mi sono assicurato di aver usato l’id nel mio Ho appena iniziato a suonare con React, quindi sono sicuro che sia qualcosa di abbastanza stupido. Grazie per l’aiuto in […]