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

slide 1 of 18, currently active
slide 2 of 18
slide 3 of 18
slide 4 of 18
slide 5 of 18
slide 6 of 18
slide 7 of 18
slide 8 of 18
slide 9 of 18
slide 10 of 18
slide 11 of 18
slide 12 of 18
slide 13 of 18
slide 14 of 18
slide 15 of 18
slide 16 of 18
slide 17 of 18
slide 18 of 18

함수에서 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>
  )
}

신간 소식 구독하기

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