翻訳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
関数は、セット内のサブアイテムが削除されるべき識別番号を決定するパラメータを必要とする.