Я пытаюсь привыкнуть к опорам в реакции, но я не получаю ответ от localhost

Question

Я пытаюсь привыкнуть к реквизиту в реакции, но я не получаю ответа от localhost

class Football extends React.Component {
  constructor(props) {
    super(props);
    this.shoot = this.shoot.bind(this);
  }
  shoot() {
    alert(this);
    /*
    Thanks to the binding in the constructor function,
    the 'this' keyword now refers to the component object
    */
  }
  render() {
    return <button onClick={shoot}>Take the shot!</button>;
  }
}

ReactDOM.render(<Football />, document.getElementById("root"));