react) checkbox 삼항연산자 맞게 했는지 궁금합니다!

Question

안녕하세요. 제가 코드에서 checkbox를 체크하면 DB의 [checkbox]값에 'Y'를, 체크하지 않으면 [checkbox]값에 'N'가 Insert 되게끔 작성했는데요,(아래 코드 하단에 checkbox 값을 이용하여 DB에 insert하는 코드가 존재합니다)이제 DB에서 값을 읽어올 때 [checkbox] 값이 'Y'면 checkBox가 체크되게끔, [checkbox] 값이 'N'이면 checkBox가 체크되지 않게끔 코드를 작성중입니다.코드: (this.state.contents.Importance : DB의 [checkbox] 값입니다. 문제 없습니다!){this.state.contents.Importance === 'Y' ? : }제가 혼자서 생각해봤을 때, 위와 같은 코드를 작성했는데 혹시 이렇게 작성해도 괜찮나요?코드에서는 check값이 'N'일 때는 문제가 없지만, 'Y'일 때 console창에 다음과 같은 에러가 발생합니다.구글링을 해보면서 value값이나 onChange값이 필요하다고 하는 것 같아 추가해줘도 동일한 에러가 발생합니다.그래서 혹시나 checkbox 삼항연산자를 위와 같이 작성하면 안되는 것인지부터가 궁금합니다!혹시 안된다면, 다른 더 좋은 코드가 있을까요?감사합니다!

songline · Accepted Answer

checked 값에다가 원하는 boolean 값을 넣어주시면 됩니다. 3항 연산자를 사용할 것이라면 그 부분에서 적절한 boolean 값이 남도록 해주면 되죠. 아래 코드 참고바랍니다.const Example = () => { const [isCheck, setIsCheck] = React.useState(false); return (<> setIsCheck(!checked)} checked={isCheck} /> ) }

react) checkbox 삼항연산자 맞게 했는지 궁금합니다!

2개의 답변

#checkbox 목록