ReactJS：ReferenceError：未定义commitClick

Question

我已经解决了有关此问题的解决方案，但仍然有问题。

这是我的简单代码

<button onClick={submitClick} id="SubmitBtn">Request Invite</button>

然后在index.js文件中，我具有此功能：用于执行onClick提交按钮。

function submitClick() {

  window.alert("JEBE");

}

请帮助。

Answer 1

请bind中的功能constructor

        class App extends React.Component {
         
           constructor(props){
                  super(props);
                  this.state={
                   value:""
                  }
                   this.submitClick = this.submitClick.bind(this);
                   this.change = this.change.bind(this);
               }
               change(e){
                 this.setState({
                  value : e.target.value
                 });
               }
               submitClick(){
              alert(this.state.value);
            }
          render() {
            return <div>
              <form>
              Email <input id="MainEmail" type="email" 
                           placeholder ="Enter your email"
                           onChange={this.change}
                           /> 
                     <button onClick={this.submitClick} 
                              id="SubmitBtn">Request Invite
                              </button>
              </form>
              <br/><br/>
            </div>;
          }
        }


        ReactDOM.render(
          <App />,
          document.getElementById('container')
        );

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>


<div id="container">
</div>

Answer 2

尝试使用：

<button onClick={this.submitClick} id="SubmitBtn">Request Invite</button>