Question

我是reactjs中的新手，练习了一些代码但是在onclick函数上出现了一些错误（错误是函数没有执行），任何人都可以帮忙找出我所做的错误，这里是我的代码

import React, { Component } from "react";

class Hello extends Component {
  constructor(props) {
    super(props);

    this.state = {
      time: Date.now()
    };

    this.changeTime = this.changeTime.bind(this);
  }

  changeTime() {

    alert('hi');
    this.setState({
      time: Date.now()
    });
  }

  render() {
    return (
      <div>
        <center>
          <h3>Current Time : {this.state.time}</h3>
          <br />
          <button onlcick={this.changeTime}>Change Time </button>
        </center>
      </div>
    );
  }
}

export default Hello;

Answer 1

应为<button onClick={this.changeTime}>Change Time </button>

不是<button onlcick={this.changeTime}>Change Time </button>

onclick函数在reactjs中不起作用

1 个答案: