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>
)
Modifier
-2
Évaluations de la communauté
Ahmed
18/02/2022
L"option C ici est totallement incorrecte car on peut pas render un text dehors d'une balise Text
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.
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.
Questions similairesPlus de questions sur React Native
5
Écrire une animation React Native qui fait tourner une image.2
Comment utiliser StyleSheet en React Native1
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;
1
Quel est le code qui affichera 'Hello World' dans la console?1
Je peux lancer le débogueur dans Chrome depuis mon app, J'exécute `react-native log-ios` depuis ma ligne de commande