2016-06-30 7 views
0

Ich versuche, ein Formular mit Daten in der Datenbank gespeichert zu machen. Wenn ich das Formular entferne und die PositionSingleEingabe Felder in einem div umbringe, werden die Daten richtig dargestellt, aber ich kann keine Änderungen vornehmen. Wenn ich die Eingaben in ein Formular wrap die Komponente nicht rendern.Meteor React Form

Ich bin neu mit Meteor zu reagieren, so dass jede Hilfe geschätzt wird.

Pfad: PositionSingle.jsx

render() { 
    return ( 
     <form className="new-position" onSubmit={this.addPosition.bind(this)}> 
      <input 
       type="text" 
       ref="title" 
       placeholder="Position title" 
       defaultValue={this.props.position.title} /> 


      <input 
       type="text" 
       ref="company" 
       placeholder="Company" 
       defaultValue={this.props.position.company} />  

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

Pfad: PositionWrapper.jsx

render() { 

    return (
     <div> 
      {this.positions().map((position)=>{ 
       return <PositionSingle key={position._id} position={position} /> 
      })}    
     </div> 
    ) 
} 
+0

Es muss eine Ausnahme beim Rendern des Formulars geben. Sie müssen die "Chrome Developer Tools" - oder "Firebug" -Konsole öffnen, um sie zu sehen –

+0

Ausnahme von der Tracker-Berechnungsfunktion: TypeError: Kann die Eigenschaft 'bind' von undefined nicht lesen – bp123

+2

haben Sie die Funktion 'addPosition' in' PositionSingle';) –

Antwort

1

Dies ist eine sehr alte Frage, so dass ich weiß nicht, ob Sie immer noch das gleiche Projekt, auch, aber Ich mag um sicherzustellen, dass es keine losen Enden gibt, wenn ich kann. Dieser Fehler sieht wie @ThaiTran aus, dass Sie addPosition in PositionSingle nicht definiert haben. Nachdem Sie das hinzugefügt haben, sollte dieser Fehler verschwinden. Hat es funktioniert?