React

input 안에 아무것도 안 쓰고 글 발행 눌렀을 때

코딩 화이팅 2024. 6. 15. 17:14
<input onChange={(e) => { 입력값변경(e.target.value) }} /><button onClick={() => {
        if (입력값.trim()==='') {
          alert("내용 입력!");
          return;
        }
        let copy = [...글제목];
        copy.unshift(입력값);
        글제목변경(copy);
      }}>글발행</button>
  • Jsx문 내에서 onChange라는 자바스크립트 문법을 사용함으로써 안에서 if문을 사용할 수 있다.
  • 입력값이 아무것도 없을 때 "내용 입력!" 이라는 말을 알림창으로 뜰 수 있게 해줌.
  • .trim이란 문자열의 양 끝에 공백(스페이스, 탭 등)을 제거하는 js내장 함수