Which of the following code snippets demonstrates how to conditionally render a component for Android using the Platform module?
4 phương ánCó giải thíchDễ
import React from 'react';
import { Platform, Text } from 'react-native';
export default function App() {
return (
<Text>
{Platform.OS === 'android' ? 'Hello Android' : 'Hello iOS'}
</Text>
);
}Các phương án trả lời
Chọn một phương ánLời giảiChọn phương án để mở
Đáp án đúng: "The code will display "Hello Android" on Android and "Hello iOS" on iOS.". Platform.OS trả về chuỗi tên nền tảng đang chạy, 'android' hoặc 'ios'. Biểu thức điều kiện Platform.OS === 'android' ? 'Hello Android' : 'Hello iOS' được tính ngay khi render: trên Android phép so sánh đúng nên Text hiển thị Hello Android, trên iOS phép so sánh sai nên rơi vào nhánh sau dấu hai chấm và hiển thị Hello iOS. "The code will display "Hello Android" only on iOS." đảo ngược điều kiện, vì chuỗi Hello Android chỉ xuất hiện khi Platform.OS bằng 'android'. "The code will crash on Android devices." sai vì Platform và Text đều là API lõi, đoạn mã hợp lệ trên cả hai nền tảng. "The code will display "Hello iOS" on both platforms." sai vì trên Android điều kiện đúng nên nhánh Hello iOS không được chọn.