Fatal编程技术网
  • meteor/
  • Meteor 流星与反应：模板事件

Meteor 流星与反应：模板事件

meteor reactjs

Meteor 流星与反应：模板事件,meteor,reactjs,meteor-react,Meteor,Reactjs,Meteor React,我在和流星玩。然而，我似乎无法理解在使用react时模板事件处理是如何工作的（如果它确实工作的话） index.html： <head> <title>reactjs</title> </head> <body> <h1>Welcome to Meteor!</h1> {{> FormTest}} </body> 我什么也得不到 我的代码或方法是否有问题？如果采用这种方法，处理事件

我在和流星玩。然而，我似乎无法理解在使用react时模板事件处理是如何工作的（如果它确实工作的话）

index.html：

<head>
  <title>reactjs</title>
</head>
<body>
  <h1>Welcome to Meteor!</h1>
  {{> FormTest}}
</body>
我什么也得不到

我的代码或方法是否有问题？如果采用这种方法，处理事件的正确方法是什么？

如果在此处添加事件处理程序：

<button className="my-button" onClick={this.handleClick}>My button</button>
我也在测试React with Meteor，但这似乎有效。

这确实有效，但我希望使用Meteor事件监听器，因为它似乎更适合处理表单数据/事件。i、 在您的示例中，您将如何获取表单数据？除了
SyntheticMouseEvent
之外，此方法似乎不提供任何不包含相关信息的内容（请参阅
handleClick
中的
console.log（e）
）。谢谢。要从表单字段获取值，可以使用
refs
，然后直接使用
React.findDOMNode（this.refs.myInput）
访问组件的DOM节点。你可以阅读更多关于refs的信息。你是否安装了JavaScipt？？？试试我的按钮的
My BUTTON>intead``希望你的工作也是
class`而不是className

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



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



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