ví dụ so sánh useState với this.state trong Sử dụng State Hook.) (ok)

https://vi.reactjs.org/docs/hooks-state.html

Sử dụng State Hook

Trang Giới thiệu về Hook sử dụng ví dụ này để làm quen với Hooks:

import React, { useState } from 'react';

function Example() {
  // Khai báo 1 biến trạng thái mới đặt tên là "count"  const [count, setCount] = useState(0);
  return (
    <div>
      <p>Bạn đã click {count} lần</p>
      <button onClick={() => setCount(count + 1)}>
        Click vào tôi
      </button>
    </div>
  );
}

Chúng ta sẽ bắt đầu tìm hiểu thêm về Hooks bằng cách so sánh đoạn code này với một ví dụ tương tự dùng class.

Ví dụ tương tự dùng class

Nếu bạn đã dùng class trong React trước đây, bạn có thể hiểu được đoạn code này:

class Example extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0
    };
  }
  render() {
    return (
      <div>
        <p>Bạn đã bấm {this.state.count} lần</p>
        <button onClick={() => this.setState({ count: this.state.count + 1 })}>
          Bấm vào tôi
        </button>
      </div>
    );
  }
}