Mengubah nilai state

by istiq20

JavaScript

class Header extends React.Component {
  constructor() {
    super();
    // membuat objek state
    this.state = {
      title: "Belajar Reactjs",
      subTitle: "Panduan step-by-step Reactjs untuk pemula"
    };
  }

  changeTitle = () => {
    this.setState({
      title: "Tutorial Reactjs Petani Kode"
    });
  }

  render() {
    return (
      <div>
        <h1>{this.state.title}</h1>
        <h2>{this.state.subTitle}</h2>
        <button onClick={this.changeTitle}>Ubah Judul</button>
      </div>
    );
  }
}

// render komponen ke RealDOM
ReactDOM.render(<Header />, document.getElementById("root"));