React--Button onclick 事件在组件中不起作用

debugcn 发表于 Dev

瓦姆西克里希纳

我已经编写了一个带有两个按钮和一个点击事件的组件，它应该显示一条警报消息。我在代码中没有收到任何错误，但是当我点击按钮时没有任何反应。

import React, { Component } from 'react';

     class Vehicle extends Component{
       remove(){
        alert("Remove button clicked");
    }
    submit(){
        alert("Submit button clicked");
    }

        render()
        {

             return(<div>
                 <h1>Select your Vehicle</h1>
                 <input type='submit' onclick={this.submit} value="Click Me"></input>
                 <button type="button" onclick={this.remove}>Reset</button>
                 </div>
            );
    }

    }
    export default Vehicle;

拉杰什·库马尔

onclick 方法是错误的。不是 onclick 是它的 onClick...

试试这个

import React, { Component } from 'react';

     class Vehicle extends Component{
       remove(){
        alert("Remove button clicked");
    }
    submit(){
        alert("Submit button clicked");
    }

        render()
        {

             return(<div>
                 <h1>Select your Vehicle</h1>
                 <input type='submit' onClick={this.submit} value="Click Me"></input>
                 <button type="button" onClick={this.remove}>Reset</button>
                 </div>
            );
    }

    }
    export default Vehicle;

运行代码在这里。请检查https://codesandbox.io/s/xzxqyqn58z

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。