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é
Auteur anonyme
18/02/2022
L"option C ici est totallement incorrecte car on peut pas render un text dehors d'une balise Text
Auteur anonyme
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.
1
Comment définir la couleur de fond d'un View en React Native5
Écrire une animation React Native qui fait tourner une image.2
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;
2
Quel est le code qui affichera 'Hello World' dans la console?2
Comment utiliser StyleSheet en React Native1
Quels sont les snippets valides en JSX?1
Je peux lancer le débogueur dans Chrome depuis mon app, J'exécute `react-native log-ios` depuis ma ligne de commande