Comment puis-je changer la valeur de la prop à réagir?

Comment modifier la valeur des accessoires, comment setProps,
supposons que la valeur de cette.accessoires de jeu.contact.le nom est John,
je veux le changer pour Johnny.
Comment puis-je faire cela

par exemple-

changeValue(){
  this.props.contact.name='Johnny'
}
  • Un composant ne peut pas mettre à jour ses propres accessoires, sauf s'ils sont des tableaux ou des objets (ayant un composant de mise à jour de ses propres accessoires, même si possible est un anti-pattern), mais peut mettre à jour son état et les accessoires de ses enfants.
InformationsquelleAutor Smith Steve | 2017-06-13
  1. 4

    Vous serait de changer le prop dans le composant parent, car c'est ce qui contient la valeur de la prop lui-même. Ce serait forcer un nouveau rendu de tout enfant de composants à utiliser le prop être changé. Si vous voulez intercepter le props comme ils sont envoyés, vous pouvez utiliser le cycle de vie de la méthode componentWillReceiveProps.

    InformationsquelleAutor glhrmv
  2. 2

    Je dirais, plutôt que de changer les accessoires de la valeur, vous pouvez passer de la fonction dans les accessoires, puis de changer le composant parent de l'état de sorte qu'il va changer le composant enfant accessoires comme

    votre Composant Parent doit être 

      class SendData extends React.Component{
  constructor(props) {
    super(props);
     this.state = {
      images: [
        'http://via.placeholder.com/350x150',
        'http://via.placeholder.com/350x151'
      ],
      currentImage: 0
    };
    this.fadeImage=this.fadeImage.bind(this);
  }
  fadeImage(e) {
    e.preventDefault();
    this.setState({currentImage: (this.state.currentImage + 1) % this.state.images.length})
  }
  render()
  {

    return(
      <FadeImage images={this.state.images} currentImage={this.state.currentImage} fadeImage={this.fadeImage}/>
     )
  }
}

    votre Enfant Composant doit être comme 

        class FadeImage extends React.Component {

  constructor(props) {
    super(props);
  }
  render() {
    return (
            <div className="image">
      <CSSTransitionGroup
        transitionName="example"
        transitionEnterTimeout={300}
        transitionLeaveTimeout={300}
        >
          <section>
            <button className="button" onClick={this.props.fadeImage.bind(this)}>Click!</button>
            <img src={this.props.images[this.props.currentImage]}/></section>
        </CSSTransitionGroup>
        </div>
      );
    }
  }

    Veuillez vérifier exemple ici Démo

    • pourquoi avez-vous bind sur this.props.fadeImage.bind(this) dans le composant enfant? @Dhaval Patel
    InformationsquelleAutor Dhaval Patel
  3. 1

    Accessoires sont immuable, cela signifie que vous ne pouvez pas changer de!
    https://facebook.github.io/react/docs/components-and-props.html

    Si vous souhaitez enregistrer une nouvelle valeur de construire un état et l'utilisation this.setState(...)
    https://facebook.github.io/react/docs/state-and-lifecycle.html

    • pouvez le gars qui downvoted-ce la raison?
    InformationsquelleAutor BreakBB