Bài 08: Khóa học React - Router

  

1: React.js 16.2 trở lên : Xuất hiện Fragments

    - Nhằm giải quyết vấn đề : khi trả về nhiều JSX tag - phải có 1 thẻ wrapper bên ngoài (thường là các thẻ div,span,p..) việc này dẫn đến hậu quả phá vỡ cấu trúc HTML,CSS => nhiều  Component => dẫn đến phát sinh thêm nhiều wrapper Tag.

- Để khác phục tình trạng này React.js 16.0 : 
    + trả về mảng của các phần tử qua dấu [element].
    + Với quy tắc : - Mỗi phần tử cách nhau bởi một dấu phẩy.
                             - Mỗi phần tử phải có 1 key.
                             - Nếu là chuổi phải nằm trong dấu ngoặc kép.

2 : Cách sử dụng Fragment

từ react.js 16.2 trở lên thêm 1 thành phần gọi là Fragment.

Cách sử dụng: 

    + Cách 1: <React.Fragment>    </React.Fragment>

    + Cách 2: khi sử dụng thì import  {Fragment} from 'react';

            <Fragment>    </Fragment> 

3: Redux-Saga: có thể thay thế cho redux-thunk.