리액트 jsx 내 조건문 채택완료
Mr섬띵
3년 전
조회 1,920
안녕하세요. 리액트 배우고 있는데 component 내에서, 조건문을 어떻게 써야할까요..? 계속 오류가 나네요..
return 문안의 map 함수 안에서 조건문으로 다른 것으로 출력을 하려는데, 뭐가 잘못된걸까요?..
조건문으로 selectbox와 checkbox로 나눠서 출력을 달리 하려합니다. 조언 부탁드립니다...ㅠ
</p>
<p>const Filterlist = () => {</p>
<p> //중략..</p>
<p> return (</p>
<p> <div></p>
<p> {fiters.map((filter) => (</p>
<p> </p>
<p> //selectbox일때</p>
<p> filter.type == 'selectbox' &&</p>
<p> <div className="filter_selector" key={filter.queryName}></p>
<p> <select onChange={(e) => setFilteredData({ [filter.queryName]: e.target.value })} placeholder={filter.placeholder} ></p>
<p> {filter?.items?.map((item) => (</p>
<p> <option value={item.value} key={item.value}></p>
<p> {item.name}</p>
<p> </option></p>
<p> ))}</p>
<p> </select></p>
<p> </div></p>
<p> </p>
<p> //checkbox 일때</p>
<p> filter.type == 'checkbox' &&</p>
<p> <div>여기는 체크박스 들어감</div></p>
<p> </p>
<p> </p>
<p> ))}</p>
<p> </p>
<p> </div></p>
<p> )</p>
<p>}</p>
<p>
</p>
<p>export default Filterlist</p>
<p> </p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
3년 전
</p>
<p>{filters.map((filter) => {</p>
<p> return (
<div></p>
<p> {filter.type == 'selectbox' &&</p>
<p> <></p>
<p> <div className="filter_selector" key={filter.queryName}></p>
<p> <select onChange={(e) => setFilteredData({ [filter.queryName]: e.target.value })} placeholder={filter.placeholder} ></p>
<p> {filter?.items?.map((item) => (</p>
<p> <option value={item.value} key={item.value}></p>
<p> {item.name}</p>
<p> </option></p>
<p> ))}</p>
<p> </select></p>
<p> </div></p>
<p> {filter.type == 'checkbox' &&</p>
<p> <div>여기는 체크박스 들어감</div></p>
<p> }</p>
<p> </></p>
<p> }</p>
<p> </div></p>
<p> )</p>
<p> })}</p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
M
Mr섬띵
3년 전
고맙습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인