react useState로 상태값 변경하는 문제 이거 외않대요?

Question

const [values, setValues] &#61; useState({ nameValue: '', numberValue: '', contentValue: '', }); //[contact] 이름, 핸드폰번호, 내용값을 담을 state //휴대폰 번호 자동 하이픈기능 useEffect(() &#61;> { if (values.numberValue.length &#61;&#61;&#61; 11) { setValues({ numberValue: values.numberValue.replace( /(\d{3})(\d{4})(\d{4})/, '$1-$2-$3' ), }); } else if (values.numberValue.length &#61;&#61;&#61; 13) { setValues({ numberValue: values.numberValue .replace(/-/g, '') .replace(/(\d{3})(\d{4})(\d{4})/, '$1-$2-$3'), }); } }, [values.numberValue]);문제: useEffect에서 setValues로 value에 있는 numberValue를 하이픈이 추가된 상태로 바꾸려고 합니다조건문까지는 잘 들어오고, 콘솔로 똑같이 replace 해봤을떄 잘 찍힙니다state를 변경하는 방식이 잘못된것 같은데 도저히 모르겠네요

쿠쿠리쿠쿠 · Answer

안의 조건문 로직을 함수로 빼내고 useEffect안에 해당 함수를 실행시키는 식으로 해보세요 useEffect(() &#61;> {addHypen()},[values.nuberValue] const addHyphen &#61; () &#61;> {로직}

minkky · Answer

안되네요ㅠ 아무래도 setState 값 변경하는데 있어 잘못된것 같아요ㅠㅠㅠ

react useState로 상태값 변경하는 문제 이거 외않대요?

2개의 답변

#hook 목록