isNaN()

컴포넌트에서 State 않하고 바로 처리 할때에 NaN 를 만나는 경우, 다음 처럼 처리하면 매우 유용합니다.

<Text allowFontScaling={false} style={styles.labelWomen}>
   {isNaN(numberTotalMembers - numberMenNum) ? "0" : (numberTotalMembers - numberMenNum).toString()}
</Text>

 

더불어 MDN 의 예제를 소개 합니다.

isNaN(NaN); // 참
isNaN(undefined); // 참
isNaN({}); // 참

isNaN(true); // 거짓
isNaN(null); // 거짓
isNaN(37); // 거짓

// 문자열
isNaN("37"); // 거짓: "37"은 NaN이 아닌 숫자 37로 변환됩니다
isNaN("37.37"); // 거짓: "37.37"은 NaN이 아닌 숫자 37.37로 변환됩니다
isNaN("123ABC"); // 참: parseInt("123ABC")는 123이지만 Number("123ABC")는 NaN입니다
isNaN(""); // 거짓: 빈 문자열은 NaN이 아닌 0으로 변환됩니다
isNaN(" "); // 거짓: 공백이 있는 문자열은 NaN이 아닌 0으로 변환됩니다

// dates
isNaN(new Date()); // 거짓
isNaN(new Date().toString()); // 참

- "괄호안이 NaN" ? true : false 이렇게 해보고, 이해가 안되는 것은 추후 참조 하는 것으로...