React Flashcards
Como o react consegue inserir xml em código javascript
Através JSX
na importação React from react
[V/F] Para inserir texto no React Native sempre é necessário ter a tag <text></text>
Verdadeiro
import {Text } from ‘react-native’;
Qual a diferença da importação com {} e sem?
Com {} é um componente exportado:
export function Cesta()
Sem chave é o export default
Como era feito para criar componentes baseado em classes no Reactive Native?
Estender a classe component
class MeuComponente extends Component {
render() {
return ()
}
}
Só é possível ter um retorno para uma função, contudo se for preciso mais de um retorno como fazer?
utilizar fragmento <>:
return<>
<Image source={topo} style={estilos.topo}
<Text> Detalhes</Text>
</>
Nesse caso retorno de image e text
O que faz o componente StyleSheet?
Permite estilizar os componentes da página
O que há de errado nesse código:
import { View, Text } from ‘react-native’;
export default function MeuComponente() {
return <View>
<Text>Olá mundo!</Text>
</View>
}
Esse componente parece estar correto, porém, para que possamos usar TAGs nos nossos arquivos JavaScript, precisamos importar o React dessa forma: import React from ‘react’.
O que há de errado nesse código:
import React from ‘react’;
import { Text } from ‘react-native’;
export default function MeuComponente() {
return <Text>Olá mundo!</Text>
}
NADA!
O que há de errado:
import React, { Component } from ‘react’;
import { View } from ‘react-native’;
class MeuComponente extends Component {
render() {
return (
<View>
<Text>Olá mundo!</Text>
</View>
);
}
}
export default MeuComponente;
É possível criar componentes a partir de classes. Porém, esse componente irá gerar um erro, pois o Text não está sendo importado.
O que há de errado:
import React from ‘react’;
import { View, Text } from ‘react-native’;
function MeuComponente() {
return <View>
<Text>Olá mundo!</Text>
</View>
}
export default MeuComponente;
Alternativa correta! Isso mesmo, assim podemos criar um componente em forma de função. Precisamos importar o React, mesmo que não usamos, para que possamos adicionar as TAGs. Então apenas exportar uma função retornando os componentes, também importados, como se fosse um XML
Alternativa falsa. Podemos criar estilos no mesmo arquivo dos componentes sem nenhum problema, é até recomendado
Verdadeiro
[V/F] Componentes no React Native não são estilizados com arquivos .css como no React.
Verdadeiro
[V/F] Usando StyleSheet ajudamos o React Native a otimizar os estilos.
Verdadeiro
O que quer dizer one-way data binding?
No React, apenas o código javascript pode alterar o HTML. Ou o que acontece com componente pai afeto os filhos, mas os filhos não afeta o pai.
