Wenn der Benutzer Absenden-Button geklickt Ich brauche diese Eingabefelder zu einer Instanz von Message-Schnittstelle zu binden, dies zu tun, ich in der Klasse
und stellen Sie die Werte des Eingangs ein Message-Objekt erstellt Werte in Form (keepNameUpdated()).„this“ undefined in React Komponente Ereignishandler
Wenn ich etwas gebe es Würfe
Uncaught TypeError: Cannot read property 'message' of undefined
so sagt es "der" nicht definiert ist, aber warum?
hier ist mein Code:
export class IMessage {
Name: string;
Surname: string;
}
export default class Contact extends React.Component<IContactProperties, IWebPartState> {
message : IMessage;
constructor(props: IContactProperties, state: IWebPartState) {
super(props);
this.message = new IMessage();
}
public render(): JSX.Element {
return (
<div className="row">
<div className="form-group col-md-6">
<label >Name</label>
<input type="text" className="form-control" onChange={this.keepNameUpdated} id="name" placeholder="Adiniz" />
</div>
<div className="form-group col-md-6">
<label >Surname</label>
<input type="text" className="form-control" id="surname" placeholder="Soyadiniz" />
</div>
<div className="form-group col-md-12">
<button type="button" className="btn btn-success" onClick={this.clickSubmit}><i className="fa fa-save"></i> Submit</button>
</div>
</div>
);
}
private keepNameUpdated(e) {
this.message.Name=e.target.value;
}
private keepSurnameUpdated(e) {
this.message.Surname=e.target.value;
}
warum diese Referenz nicht definiert ist?
Bits des Codes fehlen. Wo ist die Renderfunktion? – x0n
Ich tring es einfach zu machen, diese Rückkehr jsx Elemente Methode gehört eigentlich zu Render-Funktion – TyForHelpDude
Besser als unvollständig abzuschließen :) – x0n