반응형
2021.09.07 - [Today I Learn/React] - [React.js] input box에 1000단위마다 자동으로 comma 넣기
[React.js] input box에 1000단위마다 자동으로 comma 넣기
react-number-format npm pakage를 이용하여 쉽게 구현할 수 있다. npm install react-number format 예제구현 - 1000 단위마다 콤마 찍기 import React from 'react'; import NumberFormat from 'react-number-..
wonblog.tistory.com
Input으로 입력 받았던 것에 1000단위로 콤마를 찍기 위해 NumberFormat 라이브러리를 사용했다.
comma는 제대로 나오지만 배달비용과 대행수수료의 값을 계산한 수수료 부분의 값이 1자리 수 밖에 나오지 않았다.
해결
Input 엘리먼트를 사용했다가 NumberFormat으로 바꾸면서 사용했던 onChange를 바꿔주지 않아 생겼던 문제
<NumberFormat
placeholder="0"
thousandSeparator={true}
name="aaa"
onValueChange={(values: any) => {
setAaa(values.value)
}}
/>라이브러리 설명서를 읽어보면 해결되는 문제였다. 오늘의 교훈 라이브러리 설명서를 잘 읽자
출처: https://www.npmjs.com/package/react-number-format#values-object
반응형