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

Comment utiliser StyleSheet en React Native

Quels sont les snippets valides en JSX?

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

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

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;

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

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