Which code snippet correctly defines a simple Function Component in React Native that returns a valid layout with both View and 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: "const MyComponent = () => <View><Text>Hello</Text></View>;". Function Component là hàm JavaScript trả về JSX; arrow function viết gọn có thể trả JSX trực tiếp mà không cần return. Trong React Native, chuỗi chữ phải nằm trong Text, còn View làm khung bố cục bọc ngoài, nên mẫu này vừa đúng cú pháp vừa có đủ View và Text như yêu cầu. "
class MyComponent extends React.Component {
render() {
return <Text>Hello</Text>;
}
}" sai vì đây là Class Component chứ không phải Function Component, lại chỉ có Text mà không có View. "const MyComponent = () => { return <Text>Hello</Text>; };" là Function Component hợp lệ nhưng chỉ trả về Text, thiếu View nên không đạt yêu cầu bố cục có cả hai. "function MyComponent() { return <View>Hello</View>; }" sai vì đặt chuỗi Hello trực tiếp trong View; React Native báo lỗi "Text strings must be rendered within a <Text> component".