Question

所有

我对React很新，说我有一个非常简单的案例：

var React = require("react");
var ReactDOM = require("react-dom");

var Todo = React.createClass({
    render: function() {
        return (<div>Hello there 
            <button id="switch_func">Switch</button>
        </div>);
    }
});
ReactDOM.render(<Todo />, document.getElementById("div1"));

我想要绑定的是：

有多个处理程序函数，每次单击该按钮switch_func时，它将随机选择另一个处理程序并绑定到自身。

但我不知道如何在AngularJS或jQuery中绑定它，因为我不确定我是否可以对虚拟DOM做同样的事情：

$("button#switch_func").on("click", function(){
    $(this).off("click");
    $(this).on("click", anotherHandler);
});

Answer 1

要绑定功能，您可以使用onClick 简单地说

<button onClick={this.handleClick}>Switch</button>

并处理组件功能上的单击事件：

var Todo = React.createClass({
    handleClick: function(){
        //put your function here!
    },
    //other functions in your component (e.g. render, getInitialState, etc)

});

如何在React中动态绑定事件处理函数

1 个答案: