공부방

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

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내장 함수

'React' 카테고리의 다른 글

날짜값 바꾸기  (0) 2024.06.21
좋아요를 글 수 만큼 늘리기  (0) 2024.06.15
input 태그 안에 글 올리기, 글 삭제하기  (1) 2024.06.15
input 태그  (1) 2024.06.15
props 응용  (0) 2024.06.03