React return 후 괄호 질문드립니다.

Question

읽어주셔서 감사합니다.이하의 코드를 작성중에 괄호를 어떻게 집어 넣어야 정상적으로 작동할지 몰라서 헤매다가 글올립니다. ㅠㅠconst abc = ({param, onClick}) => { const RegExp = 정규표현 검사 식; const Valid = RegExp.test(param.url); return ( <> {param.url && RegExp && ( 내용 중략... )} {!param.url && RegExp && ( 내용 중략... )} {param.sub} {!Valid && ( 내용 중략... )} <> ); };위의 코드가 있습니다.{param.sub}를{param.url && RegExp && ( 내용 중략... )} {!param.url && RegExp && ( 내용 중략... )}위의 조건에만 나오게 하고싶은데 괄호를 어떻게 넣어야 할까요?ㅠㅠ 제가 생각했던건 아래 식인데 자꾸 에러가 뜨네요const abc = ({param, onClick}) => { const RegExp = 정규표현 검사 식; const Valid = RegExp.test(param.url); return ( <> {Valid && ( // Valid 일때만 아래의 Component를 실행하고싶습니다. {param.url && RegExp && ( 내용 중략... )} {!param.url && RegExp && ( 내용 중략... )} {param.sub} )} {!Valid && ( 내용 중략... )} <> ); };도와주시면 감사하겠습니다 ㅠ

덤엔더머 · Accepted Answer

정확하게 어떤 조건에서 동작 하고 싶은 지 모르겠네요 조건을 한번 다시 정리 부탁드립니다. 지금으로는 아래 코드면 끝나는 것 같습니다. {Valid ?{param.sub} : null}

songline · Answer

오류 내용이 무엇인지를 알아야 정확한 답변을 드릴 수 있습니다만, 일단 추정되는 것은 react는 단 하나의 최상위 컴포넌트를 가져야 한다와 같은 오류일 것 같네요.{Valid && (<> {param.url && RegExp && ( 내용 중략... )} {!param.url && RegExp && ( 내용 중략... )} {param.sub} )}이렇게 한 번 고쳐보시고, 만약 아니라면 발생하는 에러 문구도 같이 올려주시기 바랍니다.

React return 후 괄호 질문드립니다.

2개의 답변

Q&A 목록