상당히 사용하다!조건에 따라 ReactNative 구성 요소의 Proces 변경 방법
1047 단어 JavaScriptReact NativeReacttech
공식적으로 TextInput에서 처리할 수 있는 Proops가 있어요.
방법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()}
/>
Reference
이 문제에 관하여(상당히 사용하다!조건에 따라 ReactNative 구성 요소의 Proces 변경 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/shinpei_code/articles/723311ff2e0239텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)