토글 클릭 하는거 리덕스로 만드는데 궁금한게 있습니다.

Question

아이콘을 클릭하면, 로그인 회원가입하는 페이지가 나오는걸 리덕스로 만들었는데요! 바탕 화면을 누르면 꺼지는것을 어떻게 구현해야할까요 아이디어를 얻고 싶어서 글남겨봅니다! 토글 눌렀을때 UserInfoHidden 값은 T/F가 되구요. 아래처럼 삼항연산자로 보이고 안보이고는되는데, 바탕화면 (배경)을 눌렀을떄 어떻게하면 꺼질까요?! 원래는, 바탕화면에 UserInfoHidden으로 T/F를 해볼까 했는데 그러면 바탕화면을 눌렀을떄 토글이 켜지더라구요 ㅠㅠ 리덕스로 하면 안될까요...? 다른 방식 (addEvent로 해야할까요) header.js const Header = ({ hidden, headerSize, bigHeader, UserInfoHidden }) => { ...중략 ... 호스트되기 {UserInfoHidden ? null : } ); }; const mapStateToProps = ({ header: { UserInfoHidden }, }) => ({ UserInfoHidden, }); const mapDispatchToProps = dispatch => ({ headerSize: locationY => dispatch(headerSize(locationY)), }); export default connect(mapStateToProps, mapDispatchToProps)(Header); --------------- UserDropDown.js const UserDropDown = () => { return ( 로그인 회원가입 숙소호스트되기 체험호스팅하기 도움말 ); }; export default UserDropDown;

프레드윰 · Answer

배경 화면 눌렀을때 이벤트 리스너는 아래 소스로 해보세요document.addEventListener(&#34;DOMContentLoaded&#34;, function(event) { }그리고 리덕스 같은건 저도 핵어려워해요~ 근데 나중에 큰프로젝트를 맡게되면 리덕스로 하는게 좋다고해서..알아두면 좋져~ 근데 토글 클릭 이런건 리덕스로 할필요 없을건데?? 저는 그냥 useState로 만 해서 구현했어요 토글 함수 만들어서.. 구글링하면 나와서.. show hide 처리로 했어요

토글 클릭 하는거 리덕스로 만드는데 궁금한게 있습니다.

1개의 답변

Q&A 목록