Rückwärts-Taste Reloads vorherige Seite in Reaktion

ich folgende Komponente:Rückwärts-Taste Reloads vorherige Seite in Reaktion

import React from 'react'; 

const SearchInput = ({className, onChange}) => { 
    const onTextInputChange = (e) => { 
    const value = e.target.value; 
    onChange(value); 
    }; 

    return (
    <textarea 
     className={className} onChange={onTextInputChange}> 
    </textarea> 
) 
}; 

export default SearchInput;

Aber nach einigem Text füllen und dann zu löschen, wird die vorherige Seite neu geladen wird. Wie kann ich das verhindern?

Quelle

2017-07-27 Chen

Können Sie Ihr Problem in https://jsfiddle.net oder in https://codesandbox.io zeigen? – Andrew

@Andrew die App ist zu komplex für das. Aber ich kann sagen, dass in diesem Fall der Textbereich leer wird, kann ich die Funktion nicht debuggen. es mag die textarea selbst ist auf die vorherige Seite umleiten – Chen

ich interessiere mich für 'onChange' -Funktion und in der vorherigen Seite Komponente. – Andrew

hinzufügen event.preventDefault() in Ihrer Funktion:

const SearchInput = ({className, onChange}) => { 
    const onTextInputChange = (e) => { 
    e.preventDefault(); 
    const value = e.target.value; 
    onChange(value); 
    }; 

    return (
    <textarea 
     className={className} onChange={(e) => onTextInputChange}>  
    </textarea> 
) 
};

Quelle

2017-07-27 15:55:45

Ja, ich war das erste, was ich versuchte, es hat nicht funktioniert. – Chen

@Chen können Sie dies versuchen, Hinzufügen von'E on OnChange Attribut. –

Versucht jetzt, naja, nur '(e) => onTextInputChange (e)' hat tatsächlich den Funktionsaufruf gemacht. Und das Problem tritt immer noch auf. – Chen

ich die Antwort gefunden! anscheinend auf der onChange von der übergeordneten Komponente, habe ich einen Vergleich zwischen String und Array, es löst eine Ausnahme, die zum Seiten neu laden führen. Dank @Andrew für die Regie in dieser Richtung.

Quelle

2017-07-27 16:21:05 Chen

'preventDefault' war notwendig? –

Ich bin froh zu helfen :) – Andrew

Rückwärts-Taste Reloads vorherige Seite in Reaktion

Antwort

Verwandte Themen