React Meteor教程无法删除this.props.post._id

Question

Following the tutorial here I can't delete the text. For some reason the deleteThisPost() is never fired when I click the X. The only other change I have made to the code is to replace task to post.

http://tutorial-viewer.meteor.com/tutorial/4/react

// Post component - represents a single todo item
Post = React.createClass({
  propTypes: {
    // This component gets the post to display through a React prop.
    // We can use propTypes to indicate it is required
    post: React.PropTypes.object.isRequired
  },

  toggleChecked() {

    Posts.update(this.props.post._id, {
      $set: {checked: ! this.props.post.checked}
    });
  },

  deleteThisPost() {
    Posts.remove(this.props.post._id);
    console.log("Deleted" + this.props.post._id);
  },

  render() {
    const postClassName = this.props.post.checked ? "checked" : "";

    return (
      <li className={postClassName}>
      <button className="delete" onclick={this.deleteThisPost}>
        &times;
        </button>

        <input type="checkbox"
        readOnly={true}
        checked={this.props.post.checked}
        onClick={this.toggleChecked} />

        <span className="text">{this.props.post.text}</span>
      </li>
    );
  }
});

Answer 1

不确定这是否是唯一的问题，但在以下情况下“ onclick”应为“ onClick”

<button className="delete" onclick={this.deleteThisPost}>