Question du test React Native (Legacy)

Archivée

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: Victor SabatierStatut : Archivée(Nouvelle question !)Question passée 123 fois

-1

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

Questions similaires

Quels sont les snippets valides en JSX?

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

Comment utiliser StyleSheet en React Native

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

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

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;

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