TextInput, 단축문법
위의 두 코드는 정확히 같은 기능을 하는 코드이다.
- TextInput태그는 입력된 값을 콜백함수의 인자로 전달한다.
- 자바스크립트에서 고차함수의 인자(t)와 콜백함수의 인자(t)가 같다면 함수명만 적어줄 수 있는 단축문법
<TouchableOpacity>
<Feather style={{ marginLeft: 10 }} name="edit" size={24} color="black" />
</TouchableOpacity>;
Expo vector아이콘은 기본적으로 버튼의 성질이 들어있지 않으므로 <TouchableOpacity>태그로 감싸 클릭이 가능한 버튼의 성질을 부여해줘야한다.
위의 두 코드는 정확히 같은 기능을 하는 코드이다.
- TextInput태그는 입력된 값을 콜백함수의 인자로 전달한다.
- 자바스크립트에서 고차함수의 인자(t)와 콜백함수의 인자(t)가 같다면 함수명만 적어줄 수 있는 단축문법
<TouchableOpacity>
<Feather style={{ marginLeft: 10 }} name="edit" size={24} color="black" />
</TouchableOpacity>;
Expo vector아이콘은 기본적으로 버튼의 성질이 들어있지 않으므로 <TouchableOpacity>태그로 감싸 클릭이 가능한 버튼의 성질을 부여해줘야한다.
'내일배움캠프[4기_Reac트랙] > TIL' 카테고리의 다른 글
| 내일배움캠프 React트랙 46일차 회고 (2022.01.03) (0) | 2023.01.04 |
|---|---|
| 내일배움캠프 React트랙 45일차 회고 (2022.01.02) (0) | 2023.01.02 |
| 내일배움캠프 React트랙 43일차 회고 (2022.12.29) (0) | 2022.12.29 |
| 내일배움캠프 React트랙 41~42일차 회고 (2022.12.27~28) (0) | 2022.12.28 |
| 내일배움캠프 React트랙 40일차 회고 (2022.12.26) (0) | 2022.12.27 |
