Entwickler! Kann mir bitte jemand helfen? Ich state
gesetzt versuchen, in von Meteor Daten reagieren und bearbeiten diese state
Daten vom Eingang, es sieht aus wieSet React state von Meteor Daten
class Profile extends Component{
constructor(props){
super(props);
this.editProfileBind = this.editProfile.bind(this);
this.testEmailBind = this.testEmail.bind(this); }
testEmail(e){
const input = e.target;
this.setState({
email: input.value
});
input.value = this.state.email;
}
editProfile(e){
e.preventDefault();
}
render(){
return(
<form className="col-md-4 col-xs-6"
onSubmit={this.editProfileBind}>
<input type="email"
onChange={this.testEmailBind}
value={this.props.email || ''}
/>
<button type="submit">Submit</button>
</form>
)
}
} // end component
export default createContainer(() => {
const user = Meteor.user();
const email = user.emails && user.emails[0].address;
return { email };
}, Profile);
Können Sie mir vorschlagen, wie ich this.state.email
zur Eingabe statt this.props.email
einstellen kann? Vielen Dank!
Dank @Chase, es funktioniert! Also Grund zur statischen E-Mail war, dass ich Requisiten benutzt habe ... Danke, kannst du auch etwas Material vorschlagen, um etwas über React zu erfahren? –
wunderbar! Hey jage, gibt es ein Problem mit der Bedingung in componentWillReceiveProps Zustand setzen. I.e. Prüfen, ob das Laden abgeschlossen ist und erst dann einstellen. –
@FabianBosler Das ist gut zu machen, aber es wäre besser, eine "Laden" -Kontrolle in den Elternkomponenten 'render' zu haben. –