Из-за чего код не работает?

Question

[Умар Безугов]

Есть файл Ccomp.js на нем написан такой код есть заголовок в котором стейт и есть кнопка баттон при клике на которую стейт должен поменяться

import React, { Component } from 'react'

export default class Ccomp extends Component {
    constructor(props) {
      super(props)
    
      this.state = {
         name: "Alex"
      }
      this.handleclick = this.handleclick.bind(this);
    }
    handleclick() {
        this.setState({
            name: "Justin"
        })
    }
  render() {
    return (
      <div>
        <h2> {this.state.name} </h2>
        <button onclick={this.handleclick} >
            Click
        </button>
      </div>
    )
  }
}

но стейт нейм не меняется почему

Answer 1

[Михаил Р.]

Обработчики событий в React должны быть написаны с большой буквы.

Заменить:
<button onclick={this.handleclick} >
На:
<button onClick={this.handleclick} >

UPD: может все таки композиция, вместо классов?

Comments

[Умар Безугов]

Михаил Р сспасибо за помощь