상당히 사용하다!조건에 따라 ReactNative 구성 요소의 Proces 변경 방법

이번 예는 TextInput을 예로 들 수 있습니다.
공식적으로 TextInput에서 처리할 수 있는 Proops가 있어요.
https://reactnative.dev/docs/textinput#props

방법1


조건에 따라 Proops의 내용을 변경합니다(이쪽 방법을 자주 사용합니다!)
// numが1の場合は"number-pad"で、違う場合は"default"
<TextInput
    style={{borderBottomColor: 'black', fontSize: 40, width: 400}}
    keyboardType={num === 1 ? "number-pad" : "default"}
    placeholder='0'
    onChangeText={() => handleOnChange()}
/>

방법2


조건에 따라 팝스의 내용을 바꾸는 것이 아니라 조건에 따라 팝스의 처리 방법을 바꾸는 것이다(간혹 사용)
// numが1でない場合はkeyboardTypeすらないことになる。
<TextInput
    style={{borderBottomColor: 'black', fontSize: 40, width: 400}}
    placeholder='0'
    {...(num === 1 && {keyboardType: "number-pad"})}
    onChangeText={() => handleOnChange()}
/>

좋은 웹페이지 즐겨찾기