2016-04-29 7 views
1

reactsのRefsを使用してデータをデータベースに挿入する単純なページを作成します。どのボディもaldeedを使用してデータを挿入する方法を教えてください:そのパッケージを使用しています。メテオのCrudの例とSimpleSchemaとの反応

私の簡単なコードを挿入してください。

import React,{Component} from 'react'; 

import {DoctorsList} from '../../../api/lists/DoctorsList.js'; 

export class DoctorCreate extends Component 
{ 
    addDoctor(event){ 
     event.preventDefault(); 
     var text= this.refs.DoctorName.value.trim(); 
     console.log(text); 

      DoctorsList.insert({ 
       name:text, 
       createdAt: new Date(), 
       owner: Meteor.userId(),   // _id of logged in user 
       username: Meteor.user().username, // username of logged in user 
      }); 
     this.refs.DoctorName.value=""; 

    } 
    render() 
    { 
     return (
      <div className="container"> 


      <div className="row"> 
       <div className="col-sm-12"> 
       <form className="form" onSubmit={this.addDoctor.bind(this)}> 
        <div className="form-group"> 
         <label> Name</label> 
        <input ref="DoctorName" type="text" className="form-control" placeholder="name..."/> 
        </div> 
       <div className="form-group"> 
        <input type="submit" value="save" className="btn btn-primary"/> 
       </div> 
       </form> 
       </div> 
       <br/> 
       <a href="/doctors" >Back to list </a> 
       <hr/> 
      </div> 
      </div> 


     ) 
    } 
} 

ありがとうございます。

答えて

関連する問題