onchange (2) 썸네일형 리스트형 TextField에 숫자만 입력되게 하기 TextField를 작성하는 중에 숫자만 입력되게 바꿔야 하는 경우가 있었습니다. 3가지 방법을 시도해서 해결했고, 그 과정을 공유하고자 합니다. 첫번째로는 API에 있는 type을 사용했습니다. 이런 식으로 하였는데 문제는 'e'가 입력이 됐습니다. 2e5 라고 쓰면 20000이었나? 이런 수치가 되는데 e를 이용해서 큰 숫자를 쉽게 표현할 수 있나봅니다. MDN에 관련 문서가 있더군요. html 관련된.. 여튼 제가 바꾸려던 입력창에는 적은 숫자들을 쓰기 때문에 e는 필요가 없어서 이를 막을 방법이 필요했습니다. 찾아보니 아래를 넣으면 된다고 하더군요. inputProps={{ inputMode: 'numeric', pattern: '[0-9]*' }} 즉 이런 식으로 넣으면 적용이 될텐데 이것도 적.. Map으로 뿌리고 onClick, onChange에 따라 변화 주기 {Data.slice(0, 4).map((d: any, idx: any) => ( ))} 는 대략 이렇게 돼있음------------------- const handleBtnClick = (idx: any) => { onChange(allData); onClick(idx); }; const Box = () => { 등등등 솰라솰라 onClick={() => handleBtnClick(idx)} --------------------------------------------------- ------------------------------------------------ 이런식으로 데이터를 맵으로 뿌려줄 때. (key는 map이라서 넣어주는 것. allData는 데이터. onChange는 자식 컴포넌트에.. 이전 1 다음