1

Meteor とreact-meteorで遊んでいます。ただし、反応を使用するときにテンプレートのイベント処理がどのように機能するかを理解できないようです (もしそうであったとしても)。

index.html:

<head>
  <title>reactjs</title>
</head>
<body>
  <h1>Welcome to Meteor!</h1>
  {{> FormTest}}
</body>

lib/コンポーネント/testform.jsx:

var FormTest = ReactMeteor.createClass({
  templateName: "FormTest",
  render: function() {
    return (
      <div>
        <button className="my-button">My byutton</button>
      </div>
    );
  }
});

index.js:

if (Meteor.isClient) {
  Template.FormTest.events({
    "click .my-button": function (event, template) {
      alert("My button was clicked!");
    }
  });
}

私は何も得ません。

私のコードまたは私のアプローチに何か問題がありますか? アプローチする場合、イベントを処理する適切な方法は何ですか?

4

1 に答える 1

3

ここにイベント ハンドラーを追加すると、次のようになります。

<button className="my-button" onClick={this.handleClick}>My button</button>

次に、testform.jsx ファイルでこれを行うことができます。

handleClick: function(e) {
        if (Meteor.isClient) {
            e.preventDefault();
            console.log("My button was clicked");
        }
}

React と Meteor のテストも行っていますが、これはうまくいくようです。

于 2015-04-08T05:01:42.237 に答える