Question du test React Native (Legacy)

Laquelle des versions modifiées suivantes du composant permet de l'utiliser dans un projet React Native?

Difficile

Pour le composant suivant, quelle version modifiée permet de l'utiliser dans un projet React Native ?

Exemple:
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>
)

Auteur: Vincent CotroStatut : Publiée(Mise à jour)Question passée 363 fois
Modifier
-2
Évaluations de la communauté
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>