reactjs - 反应按钮单击时无响应或显示任何消息

Question

我尝试点击按钮来测试它是否被点击？但是当我点击它时发现它没有反应，是我错过了什么吗？

import React, { Component } from 'react';
import './App.css';

class App extends Component {

  switchNameHandler = () =>{
    console.log('was clicked');
  };

  render() {
    return (
      <div className="App">
        <h1>Hi, I'm a React App</h1>
          <h1>Another heading</h1>
          <button onClick={this.switchNameHandler()}>Switch Names</button>
      </div>
    );
  }
}

export default App;

标签： reactjs

Answer 1

尝试将您的按钮更改为：

<button onClick={() => this.switchNameHandler()}>Switch Names</button> 

这应该在单击按钮时调用调用