javascript - onclick 函数在 reactjs 中不起作用

标签 javascript reactjs

我是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;

最佳答案

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

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

关于javascript - onclick 函数在 reactjs 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49816010/

相关文章:

javascript - 使用 forEach 函数聚焦于第一个字段

javascript - 如何为 true 和 false 添加输入文本验证?

javascript - 更改为 Material-UI 依赖项时,保存功能不再起作用 - React

reactjs - 自动预测在 iOS 13 中无法使用 textContentType 到 TextInput

reactjs - 如何在 Jest 单元测试中设置 Prop

javascript - MongoDB:如何确保 Javascript 正在等待进程?

JavaScript:找不到元素

javascript - colorbox-rails gem -- Lightbox 正在打开整个页面,而不仅仅是照片。我该如何修复

javascript - 我应该选择哪个 redux 中间件?

javascript - this.setState 不是函数