Meteor Reagieren füllen Formular mit vorhandenen Daten

Question

Ich lerne, wie man Meteor mit reagieren, also verzeihen Sie die grundlegende Frage.

Ich möchte ein Formular erstellen, das beim Laden der Seite ausgefüllt wird, wenn die Daten bereits gesendet wurden. Ich habe versucht, getInitialState zu verwenden, aber ich komme nirgendwohin. Einige Hilfe würde wirklich geschätzt werden.

Pfad: MyResolutions.jsx

export default class MyResolutions extends Component { 

    getInitialState() { 
     return { 
      resolution: Resolutions.find().fetch(), 
      timeToComplete: Resolutions.find().fetch(), 
     }; 
    } 

    render() { 
     return (
      <form onSubmit={this.addResolutions.bind(this)}> 
       <input 
        type="text" 
        ref="resolution" 
        placeholder="Resolution title" 
        value={this.state.resolution} /> 
       <input 
        type="text" 
        ref="timeToComplete" 
        placeholder="Time To Complete" 
        value={this.state.timeToComplete} /> 

       <button type="submit">Submit</button> 
      </form> 
     ) 
    } 
} 

Answer 1

Diese auf die Form Ihrer Daten ist abhängig von Ihrem Ausgangszustand kommen:

getInitialState() { 
    return { 
     resolution: Resolutions.find().fetch(), 
     timeToComplete: Resolutions.find().fetch(), 
    }; 
} 

Unter der Annahme, dass this.state.resolution kehrt so etwas wie:

{ 
    value: 'some string' 
} 

Sie müsste eigentlich etwas wiemachen. Versuchen Sie also console.log(this.state.resolution), um die Form Ihrer Daten zu erhalten, und verwenden Sie dann Punktnotation, um die Schlüssel anzuzeigen, die Sie benötigen.