Tài liệu lập trình front reactjs SLIDE 6

❑ Điều hướng (navigate). Khai báo, truy xuất navigate trong ứng dụng to: string: chuỗi liên kết, được tạo bằng cách nối tên đường dẫn (pathname), tìm kiếm và hash properties ❑ Điều hướng (navigate). Khai báo, truy xuất navigate trong ứng dụng to: string: chuỗi liên kết, được tạo bằng cách nối tên đường dẫn (pathname), tìm kiếm và hash properties

Conceive Design Implement Operate

THỰC HỌC – THỰC NGHIỆP

http://www.poly.edu.vn

M ỤC TIÊU

R EACT ROUTER

Core navigation lib (không cài đặt gói này)

Navigation cho dom-based app

Navigation cho react-native app

Ràng buộc giữa Redux và react router (không cần thiết)

Cài đặt

R EACT ROUTER

❑<BrowserRouter basename>

❑<Route [exact] path component>

❖ Path: string | string[]

❖ Component: react component được render khớp với path

R EACT ROUTER

❑exact={false}

R EACT ROUTER

❑exact={false}

R EACT ROUTER

❑exact={true}

R EACT ROUTER

❑<Link to>

Điều hướng (navigate)

Khai báo, truy xuất navigate trong ứng dụng

to: string: chuỗi liên kết, được tạo bằng cách

nối tên đường dẫn (pathname), tìm kiếm và hash properties

R EACT ROUTER

S TREAMS PROJECT

D EMO REACT ROUTER

D EMO REACT ROUTER

L INK OUTSIDE ROUTER

L INK INSIDE ROUTER

T HƯ VIỆN G OOGLE A PI

O AUTH CREDENTIALS

O AUTH CREDENTIALS

O AUTH CREDENTIALS

O AUTH CREDENTIALS

O AUTH CREDENTIALS

O AUTH CREDENTIALS

G OOGLE API ’ S LIBRARY

G OOGLE API ’ S LIBRARY

G OOGLE API ’ S LIBRARY

G OOGLE API ’ S LIBRARY

G OOGLE API ’ S LIBRARY

gapi.auth2.getAuthInstance()

G OOGLE API ’ S LIBRARY

G OOGLE API ’ S LIBRARY

❑Kết quả hiển thị