[리액트 네이티브]react-native 함수 컴포넌트 불러오기

리액트 네이티브는 리액트에서 파생? 아무튼 비슷한데 모두 같은건 아니다!!

​

​

리액트 네이티브를 통해 프론트 개발을 할 때는 2가지 방법으로 컴포넌트를 선언할 수 있다

클래스형 컴포넌트를 사용하거나 함수형 컴포넌트를 사용할 수 있다

​

클래스형 컴포넌트!

 

import React, { Component } from 'react';

class Hello extends Component {
  render() {
    const { color, name, isSpecial } = this.props;
    return (
      <div style={{ color }}>
        {isSpecial && <b>*</b>}
        안녕하세요 {name}
      </div>
    );
  }
}

Hello.defaultProps = {
  name: '이름없음'
};
export default Hello;

함수형 컴포넌트!!

 

import React from 'react';

function Hello({ color, name, isSpecial }) {
  return (
    <div style={{ color }}>
      {isSpecial && <b>*</b>}
      안녕하세요 {name}
    </div>
  );
}

Hello.defaultProps = {
  name: '이름없음'
};

export default Hello;

함수형과 클래스형은 이름이 무조건 대문자이어야한다!

 

이러다 보니

​

react에서 썼던 const방식은 안되나????

 

const onIncrease = () => {
  dispatch({ type: 'INCREMENT' });
};

이런 오류가 났다

​

view config getter callback for component 'checkLocation' must be a function (received 'undefined'). ~~~

가 나온다

​

그냥 대문자로 바꿔주면되는 것 같다!

​

진짜 대문자,,

대문자,,

대,,,

​

만 기억하쟈ㅏㅏ!!