Question from the React Native (Legacy) test

Which of the following modified versions of the component allows it to be used in a React Native project?

Hard

For the following component, which modified version allows it to be used in a React Native project?

Example:
const MyComponent = () => (
	<div>
		My Component
		<img src="https://facebook.github.io/react-native/img/header_logo.png"/>
	</div>
)
Code A:
import React from 'react'
const MyComponent = () => (
	<div>
		My Component
		<img src="https://facebook.github.io/react-native/img/header_logo.png"/>
	</div>
)

Code B:
import React from 'react'
import {Div, Img} from 'react-native'
const MyComponent = () => (
	<Div>
		My Component
		<Img src="https://facebook.github.io/react-native/img/header_logo.png"/>
	</Div>
)

Code C:
import React from 'react'
import {View, Image} from 'react-native'
const MyComponent = () => (
	<View>
		My Component
		<Image source={{uri: "https://facebook.github.io/react-native/img/header_logo.png"}} />
	</View>
)

Code D:
import React from 'react'
import {View, Text, Image} from 'react-native'
const MyComponent = () => (
	<View>
		<Text>
			My Component
		</Text>
		<Image source={{uri: "https://facebook.github.io/react-native/img/header_logo.png"}} />
	</View>
)

Author: Vincent CotroStatus: Published(Update)Question passed 363 times
Edit
-2
Community Evaluations
developer avatar
Ahmed
18/02/2022
L"option C ici est totallement incorrecte car on peut pas render un text dehors d'une balise Text
developer avatar
Vincent Cotro
21/02/2022
Hello Ahmed, sauf erreur il est possible de mettre du texte en dehors d'une balise texte. Je viens de tester sur un simulateur : https://snack.expo.dev/. Par contre il y a une erreur de syntaxe sur la réponse C que je vais corriger. Merci pour ton message.
developer avatar
Ahmed
21/02/2022
Merci beaucoup, aussi merci de corriger la note du test
developer avatar
Auteur anonyme
14/04/2022
Ca fonctionne peut-être sur le snack, mais l'exécution en local via 'expo start' donne une erreur : "Text strings must be rendred within a <Text> component.". Je ne pense pas qu'il faille considérer la réponse C comme juste.
developer avatar
Ahmed
14/04/2022
Oui c'est possible dans snack car par défaut on a un expo web project; sinon sur les devices ça fonctionne plus
developer avatar
Auteur anonyme
31/03/2023
you cannot render text outside <Text>