공부방
input 안에 아무것도 안 쓰고 글 발행 눌렀을 때 본문
<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 |