Reactjs, onclick function is auto trigger
<p>I'm learning Reactjs. Let say I have a button, and on this button I trigger an event. But somehow this event always call event I don't click anything. Below is my code can you help me? Let say I call a api using Ajax, when having data I update UI. In UI I have a button and It also trigger an event. </p>

<pre><code>"use strict";

var Movie = React.createClass({
    displayName: "Movie",

    getInitialState: function getInitialState() {
        return {
            movie_sessions: this.props.movie_session,
            movie: this.props.movie,
            rooms: this.props.rooms
        };
    },

    render: function render() {
        return React.createElement(
            "div",
            { style: column },
            React.createElement(
                "a",
                null,
                this.state.movie.name
            ),
            React.createElement(
                "div",
                { style: slide },
                React.createElement(
                    "ul",
                    null,
                    this.state.movie_sessions.map(function (movie_session) {
                        return React.createElement(MovieSession, {
                            key: movie_session.id,
                            room_id: movie_session.room_id,
                            date_time: movie_session.date_time
                        });
                    })
                )
            ),
            React.createElement(
                "div",
                { style: main },
                React.createElement(Seats, null)
            )
        );
    }
});

var MovieSession = React.createClass({
    displayName: "MovieSession",

    loadRoomFromServer: function loadRoomFromServer() {
        $.ajax({
            url: "/rooms/" + this.state.room_id + ".json",
            dataType: 'json',
            success: function (data) {
                this.setState({ room: data });
            }.bind(this),
            error: function (xhr, status, err) {
                console.error(this.props.url, status, err.toString());
            }.bind(this)
        });
    },
    loadSeatFromServer: function loadSeatFromServer() {
        console.log("click");
        $.ajax({
            url: "/seats.json",
            dataType: 'json',
            success: function (data) {
                //I want to update state for Seat
            }.bind(this),
            error: function (xhr, status, err) {
                console.error(this.props.url, status, err.toString());
            }
        });
    },
    getInitialState: function getInitialState() {
        return {
            key: this.props.key,
            room_id: this.props.room_id,
            date_time: this.props.date_time
        };
    },
    componentDidMount: function componentDidMount() {
        this.loadRoomFromServer();
        setInterval(this.loadRoomFromServer, 2000);
    },

    render: function render() {
        if (this.state.room) {
            return React.createElement(
                "div",
                null,
                React.createElement(
                    "li",
                    null,
                    this.state.room.name,
                    " "
                ),
                React.createElement(
                    "p",
                    null,
                    "  ",
                    this.state.date_time
                ),
                React.createElement(
                    "button",
                    {onclick: this.loadSeatFromServer()},
                    "Choose"
                )
            );
        } else {
            return React.createElement(
                "h3",
                null,
                "loading"
            );
        }
    }
});
</code></pre>