Bài 9 – React Native – state và useEffect

Hi các em, trong bài viết này thầy giới thiệu tới các em phiên bản Expo mới nhất và những thay đổi chú ý trong bản cập nhật lần này.

Link gốc : https://blog.expo.io/expo-sdk-v33-0-0-is-now-available-52d1c99dfe4c

• props

Cách sử dụng props trong bản mới này có 1 chút thay đổi so với phiên bản cũ

• state and useState

Trong bản cập nhật mới nhất này, phần thay đổi hoàn toàn đó chính là cách sử dụng state.

Để khai báo 1 state, thay vì cách cũ chúng ta cần làm các bước sau :

thêm thư viện

Thêm thư viện import React, {useState, useEffect} from ‘react’

Khai báo state tại dòng số 7 :

const [message, setMessage] = useState(‘Hello’);

const là từ khóa
message là tên của state
setMessage là phương thức thay đổi giá trị của state
useState là từ khóa
‘Hello’ là giá trị ban đầu của state message

• useEffect

useEffect là phương thức React gọi vào sau mỗi lần chạy render. Phương thức này tương tự componentDidMount, componentDidUpdate, và componentWillUnmount trong phiên bản cũ

Danh sách code mẫu sau khi nâng cấp phiên bản mới nhất

https://github.com/huuhuybn/ExpoNew

Cách sử dụng code mẫu :
Truy cập link, tải code mẫu
Truy cập thư mục, mở cmd, cài đặt Navigation, Geolocation, npm install để bổ sung thư viện mn nhé 🙂