onclick function not working in reactjs

Question

I am new in reactjs, practicing some codes but getting some error on onclick function(Error is function is not executing), can anyone help to find out the error I have done, here is my code

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;

Abslen Char · Accepted Answer · 2018-04-13 11:35:18Z

1

it should be <button onClick={this.changeTime}>Change Time </button>

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

answered Apr 13, 2018 at 11:35

Abslen Char

3,1453 gold badges17 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

onclick function not working in reactjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related