recoil을 사용해서 wholepage 모달을 눌렀을때, 탭이 바뀌게 구현
text 넘칠때 … 표시
h1 {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
white-space : nowrap
속성에 대하여
CSS / white-space / 공백 처리 방법 정하는 속성
nowrap은 줄바꿈이 일어나지 않도록 설정하는것.
function InquiryRead() {
return (
<InquiryReadWrapper>
{datas?.map((data) => (
<InquiryPost key={data.id} **{...data}** />
))}
</InquiryReadWrapper>
);
}
<Routes>
컴포넌트 안에서는 무조건 라우트 시킬 페이지를 element로 넣어줘야한다.
<Routes>
밖으로 빼야한다.function Router() {
return (
<>
<Gnb />
<Routes>
<Route path="/" element={<Inquiry />} />
<Route path="/about/:postId" element={<InquiryDetail />} />
</Routes>
</>
);
}