react로 버튼 클릭시 alert 적용 채택완료

<input type="text" onChange={e => { setInput(e.target.value);}}/>

 

<button onClick={() => { let copy = [...글제목];

copy.unshift(input);

글수정(copy);}}>글등록</button>

 

위와 같이 input창과 button을 만들고

 

{input === ""? alert('내용을 입력해주세요'): null} 옆의 조건문을 추가했는데

재랜더링 될 때 마다 alert이 적용되어서 시도때도 없이 alert이 떠 버립니다.

 

html 중간에 조건문을 넣어서 그런 것 같은데 버튼을 눌렀을 때만 조건문을 실행시키고 싶습니다 ㅠ

 

 

 

버튼 클릭시 input이 빈칸이라면 alert을 뜨게 하고 싶은데 

위의 조건문을 어떻게 넣어야 할까요?

 

답변 1개

채택된 답변
+20 포인트

button의 onclick안에 조건문을 넣어주셔야할것 같아요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

if else로 써야하나요?
중괄호 제외하고 넣으니 문법오류가 나오네욥,,
함수 하나 만들어서 사용하니 잘 작동하네요 감사합니다 ㅎㅎ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고