Question

我决定我需要React Addons但是在需要这个而不仅仅是反应我的点击事件停止被触发。以下示例在执行require时起作用（＆＃39;反应＆＃39;）。

window.React = require('react/addons');

和

/** @jsx React.DOM */

var AppActions = require('../../actions/app-actions.js');

module.exports = React.createClass({
    getInitialState: function() {
        return {
            rememberMe: false
        }
    },
    _rememberMeChanged: function(e) {
        this.setState({
            rememberMe: !this.state.rememberMe
        });
    },
    login: function() {
        AppActions.login(this.state.rememberMe);
        return true;
    },
    render: function () {
        return (
            <header className="navbar navbar-default navbar-static-top bs-docs-nav" id="top" role="banner">
                <div className="container-fluid">
                    <div className="navbar-header">
                        <button className="navbar-toggle collapsed" type="button" data-toggle="collapse"
                            data-target=".bs-navbar-collapse">
                            <span className="sr-only">Toggle navigation</span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                        </button>
                        <a href="../" className="navbar-brand">{ Constants.TITLE }</a>
                    </div>
                    <nav className="collapse navbar-collapse bs-navbar-collapse">
                        <div className="navbar-form navbar-right">
                            <div className="input-group">
                                <div className="checkbox">
                                    <label>
                                        <input checked={this.state.rememberMe} onChange={ this._rememberMeChanged } type="checkbox"/>
                                        Keep me logged in
                                    </label>
                                </div>
                            </div>
                            <button disabled={ this.props.loading } onClick={ this.login }  className="btn btn-default">
                                { this.props.loading ? 'Logging In' : 'Login' }
                            </button>
                        </div>
                    </nav>
                </div>
            </header>
        );
    }
});

Answer 1

事实证明我是个白痴。我的gulp进程会跳过我的一些供应商文件（包括反应），清理这会解决我的问题。

使用react / addons时，React onClick不会触发

1 个答案: