3.컴포넌트 만들기

서창용·2022년 2월 22일
0

컴포넌트 : '구성요소'라는 의미. 인터페이스를 구성하는 요소

  1. 컴포넌트 만들기
    • Greeting.js 파일 생성
import React from 'react';
import {View, Text} from 'react-native';

function Greeting() {
  return (
    <View>
      <Text> 안녕하세요 함수 컴포넌트!</Text>
    </View>
  );
}

export default Greeting;
  1. App.js 컴포넌트에 적용
import React from 'react';
import {SafeAreaView} from 'react-native';
import Greeting from './componets/Greeting';

const App = () => {
  return (
    <SafeAreaView>
      <Greeting />
    </SafeAreaView>
  );
};

export default App;

잘됨

  1. 컴포넌트 선언할때
    const App = () => {
    or
    function Greeting() {
    중 택1

코드 잘 작성했는데 delete 'cr' 뜰때
VScode 오른쪽 하단 설정 잘 확인할것.

profile
관신분야 : 브랜딩, 마케팅, 파이썬, 리액트 네이티브, MSA, 엘라스틱서치

0개의 댓글