Font size
WorksheetsREACT NATIVE
Total questions: 14
Worksheet time: 8mins
Dans React, qu'est-ce qui est utilisé pour transmettre des données à un composant depuis l'extérieur ?
setState
props
PropTypes
Comment écrire un style en ligne spécifiant font-size:12px et color:red ; en JSX ?
style={{
fontsize:12,
color:'red'}}
style={{
fontSize:'12px',
color:'red'}}
style={
fontSize:'12px',
color:'red'}
style={{
fontSize:12px,
color:'red'}}
Si vous voulez importer uniquement component de la bibliothèque React, quelle syntaxe utilisez-vous ?
import React.Component from 'react'
import [ Component ] from 'react'
import Component from 'react'
import { Component } from 'react'
Quelles sont les deux façons dont les données sont traitées dans react ?
state et services
services et component
state et services
state et props
à quoi sert View en react native ?
Il s'agit d'une zone de contenu où vous pouvez afficher votre contenu.
Il s'agit d'une zone de texte.
est similaire à la div en HTML
composant de base utilisé pour construire l'interface utilisateur des applications mobiles.
JSX signifie quoi ?
JSX est une syntaxe spécifique pour react native
JSX est un moyen d'écrire du code xml avec du javascript.
JSX est l'intérpreteur de Javascript
Quelle est la différence entre React Component et React Element ?
React Component est soit une classe, soit une fonction qui accepte des données d'entrée, et renvoie un élément React
React Element est soit une classe, soit une fonction qui accepte des données d'entrée, et renvoie un composant React
Aucune différence
React Element hérite de React Componen
C'est quoi Flex ?
est une technique permettant de positionner les différents composants
est une technique permettant de gérer les dimensions des composants
est une technique permettant de distribuer les différents composants
Que sera la direction du flex (pour la view globale)
flexDirection:'column'
flexDirection:'row'
aucun value(par défaut)
La méthode map de Javascript :
mis à jour le state de l'application
modifie le tableau initial
créer un nouveau tableau
Pour afficher un Button avec le titre Press en react native on utilise
<Button title="Press" />
<Button for="Press" />
<Button>Press</Button>
<Button title="Learn More" color="red" />
On aura un button avec de background rouge dans toutes les platformes
On aura un button avec de background rouge en Android
On aura un button avec de text rouge en IOS
const [number, setNumber] = useState(0);
on peut appeler setNumber dans n'importe quel composant
on peut pas modifier number
setNumber sert à mis à jour du state
à quoi sert un Stack Navigator en react native ?
permet de créer multiple écrans pour votre application
permet à votre application de naviguer d'un écran à l'autre, chaque nouvel écran étant placé en bas d'une pile.
permet à votre application de naviguer d'un écran à l'autre, chaque nouvel écran étant placé au sommet d'une pile.
