翻訳Meteor React作成Todos-05-更新削除

1642 ワード

タスクの完了と削除を確認する
今まで、私たちは一つのセットと対話する方法しかありませんでした.文書に挿入操作をします.今は、アップデートや削除操作の仕方を学びます.
まず、taskコンポーネントに2つの要素を追加します.選択ボックスと削除ボタンを確認し、それぞれのイベントを傍受します.Task.jsxに以下の内容を書き込む.
// Task component - represents a single todo item
Task = React.createClass({
  propTypes: {
    task: React.PropTypes.object.isRequired
  },

    //       
  toggleChecked() {
    //       ,            
    Tasks.update(this.props.task._id, {
      $set: {checked: ! this.props.task.checked}
    });
  },
 
  deleteThisTask() {
    Tasks.remove(this.props.task._id);
  },
  //       
 
  render() {
      //          
    //                  class
    //   ,  CSS     ,          。
    const taskClassName = this.props.task.checked ? "checked" : "";
 
    return (

        //       
      
  • {this.props.task.text}
  • // ); } });
    更新
    上記のコードでは、属性が変更されたことを確認するときにTasks.updateメソッドを呼び出しました.
    このセットにおけるupdate関数は、2つのパラメータが必要であり、最初のパラメータはセレクタであり、1セットの中性子セットの身分証明書であり、2番目のパラメータは、更新データを指定し、マッチングしたサブセットで何をしますか?
    この部分では、選択器は本タスクの_idであり、データを更新するパラメータは$setを使用してcheckedの値を切り替えることであり、このタスクが完了したかどうかを表している.
    削除
    上記のコードではTasks.removeを使用してジョブを削除します.このremove関数は、セット内のサブアイテムが削除されるべき識別番号を決定するパラメータを必要とする.