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

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 370 fois

Modifier

-2

Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !

Questions similaires

Quels sont les snippets valides en JSX?

Je peux lancer le débogueur dans Chrome depuis mon app, J'exécute `react-native log-ios` depuis ma ligne de commande

Comment définir la couleur de fond d'un View en React Native

Écrire une animation React Native qui fait tourner une image.

Comment utiliser StyleSheet en React Native

Quel est le code qui affichera 'Hello World' dans la console?

Quel est le résultat du code suivant ? const App = () => { const [count, setCount] = useState(0); return ({ <Text> The count is {count} </Text> <Button onPress={() => setCount(count + 1)}> Increase </Button> }); }; export default App;