我如何在 javascript 上进行 2 个 onClick 操作？

Question

I'm kind of confused,

I need to have two actions when onClick this {this.startTextHandler} and an alert when click

<Form.Item>
  {/* <button onClick={this.startTextHandler} className="psButton">START THE TEST</button> */}
  <Button onClick={this.startTextHandler} text="START THE TEST" />
</Form.Item>

Answer 1

You could create a function that includes both events:

<Button onClick={this.callTwoFuncs} text="START THE TEST" />

<script>
function callTwoFuncs() {
    this.startTextHandler();
    this.sendAlert();
}
...
</script>

Answer 2

Write one function that does two things.

startTextHandler(e) {
    // etc
},
doSomethingElse(e) {
    // etc
},
startTextHandlerAndDoSomethingElse(e) {
    this.startTextHandler(e);
    this.doSomethingElse(e);
}

....

onClick={this.startTextHandlerAndDoSomethingElse}

Answer 3

尝试这个：

<Button onClick={()=> { this.startTextHandler(); this.secondAction(); } } text="START THE TEST" />

Answer 4

You can pass an anonomus function :

<Button 
    onClick={(event) => {
        this.startTextHandler(event);
        this.secondMethod(eventOrWhatever)
    }} 
    text="START THE TEST" 
/>

or a named function :

<Button 
    onClick={this.handleClick} 
    text="START THE TEST" 
/>

handleClick = (event) => {
    this.startTextHandler(event);
    this.secondMethod(eventOrWhatever);
}

BTW: named function give you a better stacktrace too when debugging