컴퓨터가 npm run start 작동이 느려 repl.it 사이트에서 구현했을 땐 에러 없이 작동되었다가,
VS code에서는 오류가 발생했습니다.
< 리액트 강의 추가 응용 문제 >
응용1. 글에 아무것도 입력안하고 발행버튼 누르는거 막으려면?
응용2. 글을 하나 추가하면 따봉갯수 개별적용하던 것도 이상해질 수 있습니다.
응용3. 날짜데이터는?
를 3항 연산자를 이용해서 해결해보려고 했는데,
Failed to compile
Line 74: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 78: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 85: Expected an assignment or function call and instead saw an expression no-unused-expressions
3항 연산자 작성한 곳에 위와 같은 오류가 발생했습니다.
하루 고민했는데 해결이 안 되어 질문드립니다.
(작성한 코드는 아래와 같습니다)
<div className="add_story">
<input
onChange={(e) => {
입력값변경(e.target.value);
}}
/>
<button
onClick={() => {
let copy = [...글제목];
입력값 == "" ? null : copy.unshift(입력값);
글제목변경(copy);
let copycount = [...like];
입력값 == "" ? null : copycount.unshift(0);
setlike(copycount);
let copyWriteDate = [...writeDate];
const now = new Date();
const month = now.getMonth() + 1;
const date = now.getDate();
copyWriteDate == ""
? null
: copyWriteDate.unshift(`${month}월 ${date}일`);
setWriteDate(copyWriteDate);
}}
>
story upload
</button>
</div>
< 최종 질문 정리 >
1. no-unused-expressions 라는 문제가 발생한 원인
2. 생각했던 추가 응용 문제의 답을 위와 같이 3항 연산자를 이용했는데, 혹시 더 좋은 방향이 있을지
(각 항목마다 '글 작성이 되지 않았을 경우' 라는 조건을 하나 하나 넣지 않고 축약할 방법이 있을지 고민 중입니다)
3. repl.it 에서 구현한 코드가 VS code에서 작동이 안 되는 이유?
