Meteor Reagieren, wie man in Params verwendet?

Question

Ich habe zwei Parameter, die ich bestanden habe, aber ich bin unsicher, wie man es im folgenden Beispiel verwendet. Bitte helfen Sie, wenn Sie können.

updater(layer, item){ 
    this.setState({layer5: <img id="layer5" className="on-top img-responsive center-block" name="layer5" src="images\5.png" />}); 
} 

So, hier ist mein Code im Moment, was ich möchte, ist, etwas zu tun wie folgt aus:

updater(layer, item){ 
    this.setState({{layer}: <img id={layer} className="on-top img-responsive center-block" name={layer} src={item.src} />}); 
} 

Aber das gibt mir einen Syntaxfehler.

UPDATE: Nach den Änderungen erhalte ich die übergebenen richtigen Werte in der Zustand jedoch nicht aus irgendeinem Grund zu aktualisieren:

constructor(){ 
    super(); 
     this.renderView = this.updater.bind(this); 
     this.state = { 
       layer1: "1.png", 
       layer2: "", 
       layer3: "" 
     }; 
    } 


     updater(layer, item){ 
      console.log(layer); //shows as "layer1" 
      console.log(item); // shows as "3.png" 
      this.setState({layer: item}); 
    } 

Answer 1

Sie sollten nicht in Ihrem Zustand Reagieren Komponenten speichern. Stattdessen speichert die Informationen, die das Rendering zu tun und macht tatsächlich die Komponenten in der render() Funktion:

updater(layer, item){ 
    this.setState({ 
     layer5: { 
      layer: layer, 
      item: item 
     } 
    }); 
} 

render() { 
    var layer5 = (
     <img 
      id={this.state.layer5.layer} 
      className="on-top img-responsive center-block" 
      name={this.state.layer5.layer} 
      src={this.state.layer5.item} 
      /> 
    ) 

     ... 
}