Прокинуть данные с Meteor в state React'a

Вопрос-ответ Остальное
1

Всем привет! стараюсь прокинуть данные в state что бы иметь возможность изменять значение инпута

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"
                  className="form-control"
                  placeholder="Email"
                  ref="email"
                  onChange={this.testEmailBind}
                  value={this.props.email || ''}
                />
           <button type="submit" 
              className="btn btn-default">Submit</button>
        </form>
   )
}
}  // end component

export default createContainer(() => {
    const user = Meteor.user();
    const email = user.emails && user.emails[0].address;

    return { email };
}, Profile);

Подскажите, как передать в инпут this.state.email вместо this.props.email что бы изменять его состояние.
Спасибо.

2

Привет. Я бы делал что-то вроде такого:

componentWillReceiveProps(props) {
	if (this.state.email == null && props.email) {
		this.setState({
			email: props.email
		})
	}
	return super.componentWillReceiveProps(props)
}

Копировал бы email в state когда приходят новые props, и в стейте еще нет email-а. Важный момент - тебе придется вручную описывать что делать если приходит новое значение из props, а в state уже есть изменения.