-
Notifications
You must be signed in to change notification settings - Fork 2
Frame
Geon Kim edited this page Sep 13, 2021
·
2 revisions
- 위치: /src/components/Frame/Frame.jsx
- App.js 외의 파일에서 Frame 컴포넌트를 사용할 일은 없다. 페이지를 보여주기 전에 back으로부터 로그인 여부를 확인하며 로그인되어있지 않은 상태라면 로그인 화면으로 리다이렉트 한다. 로그인 여부 확인 후 페이지를 네비게이션 바와 함께 보여준다.
- 예시 :
<Frame navi="search"> <Children/> </Frame>
- 위치: /src/components/Frame/Title/Title.jsx
- 예시 :
<Title img={ svgSearch }>방 검색하기</Title>
- 위치: /src/components/Frame/WhiteContainer/WhiteContainer.jsx
- 예시 :
<WhiteContainer> <Children/> </WhiteContainer>
- 위치: /src/components/Frame/SubmitButton/SubmitButton.jsx
- 예시 :
<SubmitButton onClick={ () => onClick() }>검색하기</SubmitButton>
- 그 외 props :
background
,backgroundHover
,fontColor
,onClick
- 위치: /src/components/Frame/DatePicker/DatePicker.jsx
- 예시 :
<DatePicker handler={ (month, date) => onChange(month, date) }/>