S1 L10 - Difference Between Component Instances and Component Classes

[ngminhtrung]

import React from 'react'; 
import ReactDOM from 'react-dom';

const App = function() {
   return <div>Hi!</div>;
}

ReactDOM.render(App);

Báo lỗi: Tham số truyền vào cho ReactDOM.render() là một class thay vì 1 instance. Như vậy ở đây App là một class.

Sửa lỗi: Muốn gọi 1 instance của class App, ta phải thay bằng <App />, tức là

ReactDOM.render(<App />);

PS: Lưu ý đoạn code trên vẫn có lỗi khi chưa chỉ rõ target của method render().

[ghun131]

Em không hiểu vì sao nó đòi hỏi phải có instance ở đấy nữa. Chắc giờ em cứ take for granted cái đấy thôi

[ngminhtrung]

@hungHoangDang : Object là 1 dạng class (nói thế này cũng hơi run). Class mang tên Object cũng có định nghĩa các method mà ta có thể đem ra dùng, ví dụ hàm toString() chẳng hạn. Nhưng chắc chắn không ai đem truyền Object vào 1 hàm khác, mà họ phải tạo 1 instance của Object trước, tạm gọi là obj1 chẳng hạn, sau đó quẳng đi.

Trường hợp trên cũng tương tự thôi. Ví dụ App là 1 class, nhưng khi viết <App /> thì nó trở thành 1 instance của class kia. Và instance này mới có thể nhận tham số (nếu như class App có định nghĩa 1 method nào đó). Thế nên mới có trò viế <App props = {xyz} />,

[ghun131]

Cái này vào mấy clip sau e thấy dễ bị lẫn lộn giữa class base component và function base component lắm.

[ngminhtrung]

@hungHoangDang : sao lẫn được nhỉ? 2 cái này khác nhau mà.