Verwenden Sie die Formularkomponente zweimal auf der Seite, ohne sie zur gleichen Zeit ausfüllen zu müssen.

Question

Hallo, ich habe eine Seite mit den Anmelde- und Anmeldeformularen nebeneinander. Ich verwende eine Reaktionskomponente für den E-Mail-Eingabebereich des Formulars. Beim Einfüllen werden beide gleichzeitig ausgefüllt, gibt es eine Möglichkeit dies zu verhindern?

Answer 1

ohne Code ist dies nicht einfach zu beantworten. Es klingt jedoch so, als ob Sie einen Speicher verwenden, um die Daten für Ihr Formular zu speichern.

versuchen, zu wechseln, damit jede Komponente ihre eigenen Daten im Status speichern kann.

class Form extends React.Component { 
    constructor(){ 
     super(); 
     this.state = {val1: null, val2: null}; 
     this.setInputVal = this.setInputVal.bind(this); 
    } 
    setInputVal(e){ 
     this.state[e.target.name] = e.target.value; 
     this.setState(this.state); 
    } 
    render(){ 
     return (
      <form> 
       <input name="val1" value={this.state.val1} onChange={this.setInputVal} /> 
       <input name="val2" value={this.state.val2} onChange={this.setInputVal} /> 
      </form> 
     ) 
    } 
} 

von hier lassen Sie Ihre Vorlage aktualisieren Daten speichern, etwas zu tun, aber nicht den Wert Ihrer Eingänge zuweisen zu sein, was aus dem Laden kommt.