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

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;

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

Comment utiliser StyleSheet en React Native

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

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

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

Quels sont les snippets valides en JSX?