리액트 스타일, 다중 이미지 연결 도와주세요

Question

리액트 공부중인데 혼자선 도저히 해결을 못하겠어서 질문글남깁니다. 혹시나 아시는 분 있으시면 제발 도와주세요 ㅠㅠ우선 리액트에서 특정 주소로 링크를 걸어놔서 해당 주소로 이동하면 Header의 스타일이 변경되도록 설정하고 싶어서 도전 중인데 아래처럼 써봤어요.Header컴포넌트에 currentRoute (현재주소)가 /sub로 변경되면 style 클래스가 적용되게 하려는데 이리저리 계속 테스트 해보고 코드도 뜯어 고쳐보고 해도 적용이 되질 않습니다..ㅠㅠconst [currentRoute, setCurrent] &#61; useState('/'); <Header className&#61;{currentRoute &#61;&#61;&#61; '/sub' ? &#34;style&#34; : &#34;&#34;} />제가 뭘 잘못한 건지 해결법을 알 수 있을까요 ㅠㅠ그리고 이미지를 40개 정도 각각 다른 이름의 이미지를 연결하려는데 import를 쓰면 된다는건 알지만 import를 40개 쓰는건 너무 비효율적일 것 같아 한번에 서로 다른 이름의 이미지를 인식시켜서 그냥 평범한 html처럼 img src&#61;&#34;&#34;로 연결해서 이미지를 쓰고 싶은데 아무리찾아봐도import로 한개 한개 연결지으라는 얘기 뿐이거나이미지 이름을 1,2,3,4,.... 이런식으로 단순하게 통일시켜서 배열로 연결지으라는 답변에...제가 원하는 다른 해결법이 나오질 않습니다..ㅠㅠ 혹시 이런 작업을 편하게 할 수 있는 리액트 플러그인이 있거나 다른 방법이 있을까요? 아시는 분 도와주세요 ㅠㅠ

사노비 · Accepted Answer

리덕스 사용하면 그것으로 hook 처리하세요<>${test.map((v)=>{return <>${v}})} 이런식으로 처리

몰랑토끼 · Answer

react는 '링크'가 아닌 '라우터'입니다. 라우터는 state에 저장할 필요가 없습니다. router를 가져올수있는 react의 hook이 있습니다. import 의 정의하고 map으로 가져오거나 styled components를 사용하면 for문용 함수를 만듭니다.

리액트 스타일, 다중 이미지 연결 도와주세요

2개의 답변

#import 목록