Lúc render dữ liệu ra thấy có khi dùng state, có khi lại dùng props. Vậy 2 cái này khác nhau cái đéo gì nhỉ? Khi nào thì nên dùng state, khi nào thì nên dùng props?
Ví dụ:
<img alt="alt" height="{this.props.height}" src="{this.props.src}" width="{this.props.width}" />
var textLike = this.state.liked ? 'liked' : 'haven\'t liked';
<Text>{textLike}</Text>
Đéo code thì đéo biết nó khác nhau thế nào đâu :-s Code nhiều thì mới ngộ ra được, à mà nếu đọc tham khảo từ thông tin anh em - những người đã code React Native trước chia sẻ thì cũng ngồ ngộ ra :))
Đúng như cái tên tiếng Anh của nó state = trạng thái, props = thuộc tính (properties). Dữ liệu mà thay đổi (mutable) thì tống vào state. Dữ liệu dạng bất biến!!! (immutable) thì sử dụng props.
state thì Component chỉ dùng riêng cho mình. Còn props thì để đẩy, truyền cho Component bạn hoặc Component con!!!
Ví dụ cụ thể hơn cho dễ hiểu. Album có đống con là Image
Image có các props là src, title, width, height, có state là được like hay chưa
Album có state là Public hay Only Me.
Chuẩn chưa nhỉ. Nếu chưa chuẩn mà bạn thấy cần chỉnh thì bình luận cho mình update nhé! Thank you for "rít đinh mai bờ lốc" (reading my blog)
Title:
React Native - state với props khác nhau thế nào?
Description:
Lúc render dữ liệu ra thấy có khi dùng state, có khi lại dùng props. Vậy 2 cái này khác nhau cái đéo gì nhỉ? Khi nào thì nên dùng state, khi nào thì nên dùng props?
...
Rating:
4