리액트 네이티브를 다루는 기술: 2.2 Props

함수에서 props라는 파라미터를 설정하고, 기존에 ‘함수 컴포넌트’가 있던 부분을 {props.name}으로 교체했습니다. JSX에서 자바스크립트 표현식을 보여줘야 할 때는 이렇게 중괄호로 감싸서 작성하면 됩니다.

여기서 자바스크립트 표현식은 연산 결과, 함수 호출, 특정 변수 또는 상수를 말합니다. 한번 예시 코드를 확인해볼까요? 다음과 같은 코드를 예로 들 수 있습니다.

function getDifference(a, b) {
  return a - b;
}

function Sample() {
  const value = 'hello';
  const user = {
    name: 'John Doe'
  };
  return (
    <View>
      <Text>{1 + 1}</Text>
      <Text>{value}</Text>
      <Text>{user.name}</Text>
      <Text>{getDifference(5,4)}</Text>
    </View>
  )
}

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.