javascript - React，页面不断刷新

Question

我第一次玩 React 时遇到了一些问题。我正在创建 3 个带有值的按钮，然后在单击它们时执行一个函数，该函数发送一个发布请求并取回显示给用户的数据。出于某种原因，即使我不单击按钮，_postURL 函数也会无限执行。有谁知道为什么吗？

var Test = React.createClass({
getInitialState: function(){

        return { logs: []};
    },
    _postURL: function(name){
        self = this;
        console.log(name);
        $.post("http://localhost:8080/DatabaseDemo/Display.do", {query: name})
            .done(function(data){
                console.log(data);
                self.setState({logs: data});
        });

    },
    render: function() {
        if(!this.state.logs){
            logs = <p>Choose a log</p>
        }
        return (
            <div>
                <form>
                    <button value="api_log_colo2_mysql2_Jan2015" onClick={this._postURL("api_log_colo2_mysql2_Jan2015")}>Jan2015</button>
                    <button value="api_log_colo2_mysql2_Aug2014" onClick={this._postURL("api_log_colo2_mysql2_Aug2014")}>Aug2014</button>
                    <button value="api_log_colo2_mysql2_Dec2014" onClick={this._postURL("api_log_colo2_mysql2_Dec2014")}>Dec2014</button>
                </form>
                <p>{this.state.logs}</p>
            </div>
        );          
    }
});

Answer 1

onClick 属性需要一个函数，但您正在执行该函数，它返回 undefined。您可以使用 bind:

onClick={this._postURL.bind(this, 'api_log...')}