Cơ BảnReact Native iconReact Native

JSX trong React Native khác JSX web ra sao?

Cú pháp JSX giống hệt — {} cho expression, className không tồn tại (RN dùng style), nhưng set tag hợp lệ khác hoàn toàn. Web JSX cho phép mọi HTML element vì cuối cùng compile ra DOM. RN JSX chỉ chấp nhận các component được export từ react-native hoặc do bạn viết — không có <div>, <span>, <p>, <button>, <input>, <a>, <ul>/<li>.

Mapping thường dùng:
- <div><View>
- <span>/<p>/<h1><Text>
- <button><Pressable> hoặc <TouchableOpacity>
- <input><TextInput>
- <img><Image source={{ uri: ... }} />
- <a><Pressable onPress={() => Linking.openURL(...)}>

Thuộc tính style cũng nhận object JS thay vì string CSS, và không có pseudo-class (:hover, :focus) — phải tự xử qua state.

Xem toàn bộ React Native cùng filter theo level & chủ đề con.

Mở danh sách React Native