React Native – 기초 정보

React Native – 기본적인 구성 요소: React Native는 React Native와 React로 구성되어 있으며 구성 요소 구성 요소는 웹 블록 구성 요소에서 구성 요소로 구성되어 있습니다. 기본적으로 React Native 응용 프로그램을 입력하고, 기본적으로 React를 사용하는 모든 사용자를 정확하게 입력하고, JSX와 함께 구성 요소 상태 및 소품을 입력합니다.

React는 기본 구성 요소와 같이 React-Native를 기반으로 한 정확한 알고리즘을 기반으로 합니다. 튜토리얼은 React를 통해 경험하고 대중에게 공개할 예정입니다.

Vamos fazer isso.

올라 문도

De acordo com as tradições antigas de nosso povo, precisamos primeiro criar um aplicativo que não faça nada, exceto dizer “Olá, mundo!”. 질문:

import React, { Component } from 'react';
import { Text, View } from 'react-native';

export default class HelloWorldApp extends Component {
  render() {
    return (
      <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
        <Text>Hello, world!</Text>
      </View>
    );
  }
}

Se você estiver curioso, pode brincar com o código de amostra diretamente nos simuladores da web. Nesse sentido você também pode colá-lo no seu arquivo App.js para criar um aplicativo real na sua máquina local.

O que esta acontecendo aqui?

Algumas das coisas aqui podem não parecer JavaScript para você. Não entre em pânico. Este é o futuro.


Antes de tudo, o ES2015(ES6에서 사용 가능) é um conjunto de melhorias no JavaScript que agora faz parte do padrão official, mas ainda não é suportado por todos os navegadores, e muitas vezes ainda não é usado no desenvolvimento da web. ES2015를 지원하는 aos navios nativos는 호환성을 제공하는 데 필요한 모든 것을 제공합니다. import, from, class, E extends no exemplo acima são todos os recursos ES2015. 로고는 ES2015에서 친숙해지고 있으며, 튜토리얼을 예시로 제공하고 있습니다. 이 페이지는 ES2015에서 일반적으로 사용 가능한 페이지입니다.

Além disso, outra coisa incomum neste exemplo de código é Hello world!. Esta é JSX – XML과 JavaScript를 통합하는 죄. Muitas estruturas usam uma linguagem de modelo especial que permite incorporar código na linguagem de marcação. Sendo assim em React, isso é revertido. O JSX permite que você escreva sua linguagem de marcação dentro do código. 웹에서 HTML을 사용하는 주요 원칙은 웹에서 사용하거나 React를 사용하는 구성 요소를 제외하고는 다음과 같습니다. Nesse caso, é um componente interno que apenas exibe algum texto e Viewé como o ou .

구성품 | React Native – 기초 정보

Portanto, este código está definindo HelloWorldApp, um novo Component. Ao criar um aplicativo React Native, você estará criando muitos novos componentes. Tudo o que você vê na tela é algum tipo de componente. Um componente pode ser bastante simples – 렌더링 기능이 필요한 JSX 알고리즘이 JSX를 렌더링하는 데 필요합니다.

Este aplicativo não faz muito

Para fazer com que os componentes façam coisas mais interessantes, você precisa aprender sobre o Props.

폰테: https://facebook.github.io/react-native/docs/tutorial